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L'objectif premier de ce document est d'introduire le lecteur non spécialiste (non informaticien 
de métier) à la puissance combinée du XML et de l'ensemble de la gamme MS Office 2003 
(Word, Excel, InfoPath, Visio, Publisher, Messenger (s1...si), etc.) sans faire trop appel à la 
programmation. 


Un effort particulier de vulgarisation et de présentation a été fait étant donné que la littérature 
francophone sur le sujet semble quasi inexistante (du moins lorsque ce document avait été 
rédigé en début 2004). Nous espérons donc que ce support sera utile à tous ceux qui sont 
intéressés par les possibilités du mélange des technologies Microsoft (bureautique) et de 
l'XML. 


Sans aller dans les détails, ce document permet à un utilisateur expert de la suite bureautique 
MS Office 2003 et ayant quelques connaissances du développement web XHTML/CSS de se 
faire une idée des possibilités et des nouveautés réelles (mis à part SharePoint Portal Server et 
Live Communication Server) de cette nouvelle version de la suite bureautique et du langage 
XML (ce dernier est très étendu et nous ne verrons dans ce document que les bases) 


Dans un second temps, ce document présente aussi comment utiliser également les éléments 
suivants qui font partie du monde XML aussi: 


1. XSL et XSD en utilisant le logiciel XMLSpy 

2. Les flux RSS et leur traitement et création avec PHP et ASP 3.0/ASP.Net 
3. Le XML dans les formulaires Adobe Acrobat 6.0 

4. Le XML dans les animations Macromedia Flash 

5. Le langage XSL-Flo pour la création de documents 

6. Le langage Smil pour le multimédia 

7. Les commandes de XPath et XLink 

8. SVG 


9. Enfin, des curiosités comme MathML (maths), CML (chimie, AML (astronomie), 
ThML (théologie), XBRL (eXtensible Business Reporting Language) pour la finance, 
KML (Google Earth), HL7 et HPRIM pour les échanges d'information dans le monde 
de la santé, etc. 


Signalons qu'il existe une agence en France, appelé "ADeP" (Agence pourle Développement 
des e-Procédures), qui promeut des solutions pour les échanges d'informations entre 
administrations, entre les administrations et les citoyens, entre les collectivités locales et les 
notaires, etc. Le but est d'avance vers plus de dématérialisation, plus de productivité et plus de 
réactivité du service public. Au coeur de leur travail, on trouve la normalisation de schémas 
XSD que l'on étudiera plus tard en détails et par les outils MS Office InfoPath (voir mon livre 
électronique sur le sujet). Il y a aussi l'INSEE en france qui défini des schamas (voir l'adresse 


http://xml.inseee.fr/schema). 
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Préface 


Avant toute chose, la présentation MS PowerPoint suivante (PPS) rédigée par votre serviteur 


pourra vous être utile: 
Es] 


et comme le contenu l'indique, il convient de rappeler avant toute chose que: 


1. XML n'a pas été conçu prioritairement pour la création de pages web et de ce fait, ne 
prend en aucun cas la relève de HTML (du moins pas dans les prochaines années). 


2. Contrairement au HTML, XML est en cours de développement. De nombreux 
éléments qui allaient de soi depuis des années avec HTML ne fonctionnaient tout 
simplement pas avec XML. Même les liens hypertextes ne fonctionnaient pas Internet 
Explorer 5.5. 


3. XML seul ne représente aucune donnée, 1l ne fait que des les structurer. 


4. Le XML pur n'est supporté que par les navigateurs les plus récents et voilà pourquoi 11 
est inapproprié au web à ce jour. 


Avoir affaire à une nouvelle technologie est quelque chose qui peut-être captivant. Une 
technologie qui ne s'imposera totalement que dans les prochaines années. Une technologie 
dont nous ne pouvons pas encore dire: "c'est ainsi", mais dont nous devons dire "ce sera 
ainsi", ou "cela pourrait donner ceci". Tout est encore en cours! 
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1. Liens Internet 
Voici quelques liens Internet indispensables dans le domaine qui nous intéresse: 


http://www.w3c.org 
La référence mondiale (oblige!) dans le standard Web 


http://www.w3schools.com 
Petits cours en ligne sur toutes les possibilités de XML (bien plus que ce qui est présenté dans 


ce support) mais en anglais 


http://xmilfr.org 
Excellente ressource d'informations sur le XML francophone 


http://www.codes-sources.com 
Son nom indique son contenu (très impressionnant) 


http://www.developpez.com 
Référence francophone sur le développement avec les outils les plus courants du marché ! 
Vous y trouverez ce document. 


http:/www.phpscripts-fr.net 


Tout sur le PHP "francophone". Certainement le meilleur site ! 


http://www.selfhtml.org/#fr 
Vous saurez (presque) tout avec ce site sur l'HTML 


http://msdn.microsoft.com 
Pour tout ce qui est développement sur ou avec les produits Microsoft et contient bien sûr 


beaucoup de pages sur le XML 
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2. S.G.M.L. 


La multiplicité engendre des problèmes ! Vous connaissez certainement ce drame dans le 
cadre d'échange de documents électroniques (autres que PDF) ou dans le cadre de la 
récupération d'archives électroniques (évolution des technologies oblige.…..). 


Dans les faits, le monde de l'informatique est trop souvent comparable à la "tour de Babel". 
Chaque constructeur utilise son propre format pour ses programmes, format qu'il modifie 
régulièrement au bout de quelques années. Et même les filtres les plus perfectionnées ne 
parviennent pas toujours à transférer toute les propriétés d'un format vers un autre sans 
engendrer des pertes. 


S1 le système est aussi peu fiable que cela, que ferez-vous si, dans dix ans, vous voulez ouvrir 
les documents que vous avez créés aujourd'hui. 


Ce problème n'est pas nouveau, au contraire, 1l profile déjà depuis des dizaines d'années. 
Voilà pourquoi dès les années 70, le Professeurs Charles F. Goldfab, sous les ordres d'IBM, 
s'est intéressé à la "description de documents". C'est ainsi que vit le jour le fameux GML, le 
Generalized Markup Language. 


L'objectif du GML était de décrire des documents de manière à ce que le résultat ne dépende 
ni d'une plate-forme particulière, ni d'une application spécifique. Il ne s'agit pas de l'apparence 
d'un document mais de la structure du document: les titres, chapitres, pages, paragraphes, etc. 


Z X A 


Au fil des ans, le GML a continué à être développé. C'est ainsi que naquit le SGML, 
Standardized Generalized Markup Language. Les développements allèrent si loin qu'en 1986, 
SGML pu être reconnu standard international, sous la désignation ISO 8870. 


L'objectif de SMGL était de pouvoir enregistrer électroniquement et durablement des 
documents importants ou des systèmes d'exploitation en mutation constante. 


SGML possédait un défaut, mais de taille: 1l était trop compliqué. Lors de son développement, 
on avait pensé aux administrations et aux services publics, mais pas au "texte normal" de 
l'utilisateur lambda. En conséquence, les outils logiciels de création SGML furent chers et très 
peu développés. Il est donc peu étonnant que, mises à par les institutions déjà évoquées, le 
développement de SGML fut très restreint. 


Mais le World Wide Web naquit et le monde se transforma.… 
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3. HT.M.L. 


Sans faire un cours sur l'HTML (qui est supposé connu pour le lecteur) 1l peut être intéressant 
de détailler les raisons pour lesquelles un nouveau langage de description tel que le XML était 
nécessaire. 


Voyons donc les inconvénients de l'HTML: 


1. HTML est conçu pour l'affichage dans un navigateur Web, donc moins adapté pour 
l'impression ou la mise en page. Les marges de la page ? Le format du papier ? La 
composition des colonnes ? Les lignes d'en-tête et de pied de page ? La table des 
matières, l'index et les renvois ? Malgré l'existence du langage mise en page CSS, il 
difficile de contrôler ces aspects avec le HTML. 


2. Le stock de balises est limité, le langage n'est donc pas très flexible. Que faites vous 
quand vous avez, par exemple, besoin d'un graphique vectoriel ou de tableaux de 
cacluls dans vos projets? Le HTML ne le permet pas ! 


3. Le HTML seul ne peut pas afficher dynamiquement des contenus qui se modifient. La 
représentation de données dans des tableaux HTML est statique, et seuls des outils tels 
que des langages de script (Perl, PHP, etc.) peuvent vous aider à questionner le 
contenu d'une base de données et transférer vers des documents HTML qui sont 
modifiés en fonction des données à afficher. 


4. Dans le HTML, la structure du document et les informations de mise en page sont 
parfois (peuvent être) mélangées. 


Le dernier inconvénient cité est précisément l'inconvénient décisif ! Pourquoi ? 


Simplement parce que HTML n'a pas été conçu pour réaliser une véritable mise en page, ses 
capacités de création sont très limitées. C'est pourquoi les concepteurs Web utilisent un 
langage de mise en page supplémentaire: le C.S.S. Mais fondamentalement, l'HTML est très 
limité pour "sortir" du web: 


S vous prévoyez d'imprimer avec un peu de soin une page HTML (un catalogue par exemple), 
vous devez prévoir une page uniquement pour l'impression sur papier, en plus de la page web 
affichée à l'écran, idem pour l'affichage sur un écran de télé, ou d'un téléphone WAP, ou d'un 
PDA... 


C'est très fastidieux ! 


L'inverse est aussi vrai: les données issues de traitements de texte, de catalogues ou de bases 
de données doivent d'abord être transformées en HTML afin de pouvoir être affichées sur le 
web. 


Ne serait-ce pas formidable de pouvoir disposer d'un format de base identique dans tous les 
cas ? Eh bien ce format est XML ! 
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4. X.M.L. 


Ce que SGML n'est pas arrivé à accomplir, sa bouture HTML, y est parvenu aisément: HTML 
est devenu un best-seller. Les entreprises, les institutions et un nombre toujours croissant de 
particuliers utilisent HTML pour placer des informations sur le web. 


Les programmes d'affichage des pages HTML sont sans cesse améliorés, ainsi que les outils 
de création des pages. 


Remarque: à vrai dire, les vrais professionnels préfèrent souvent coder les pages 
manuellement. 


Et si HTML a désormais tellement de succès, pourquoi ne pas sauter de joie durant des heures 
et s'en tenir là ? 


S1 le langage HTML est accessible au plus grand nombre, avec le langage XML vous jouez 
déjà un peu dans "la cour des grands”. Le XML est de loin plus abstrait et donc plus complexe 
que le HTML. Bien que ce tutorial se limite à une découverte basique du XML, il est quasi 
indispensable pour en tirer quelques profits d'avoir: 


- une Connaissance et une pratique aiguë du langage HTML. 
- une connaissance et une pratique de la conception de pages Web. 
- de bonnes notions de feuilles de style (CSS). 
- des notions de Javascript ou de VBscript. 
Le XML, en lui-même, ne fait rien ! 


Alors que le HTML a été conçu pour afficher de l'information, le XML a été créé pour 
structurer de l'information. Il ne fait rien d'autre ! 


Voici un exemple de XML. 


<?xml version="1.0"?> 

<demoxML>- 

<message- Voici du XML</messagez 
<idemoxXMLz= 


Ce qui affiché dans Internet Explorer donne le résultat suivant: 


<?xnl version="1.0" ?> 
- <demnxMI 
<message>Voici du XML</messagez> 
</demoxML> 


Pas que quoi fouetter un chat sur le plan esthétique... Le XML n'est que de l'information 
encodée entre des balises. Il faudra d'autres éléments, comme par exemple un fichier XSL, 
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pour que le navigateur puisse "comprendre" vos balises et afficher ce fichier sous une forme 
plus conviviale. D'où la partie de notre titre: XML plus XSL ou XML + XSL. 


2 ,& 


4.1 Limites et objectifs 


Le XML est un langage de professionnels de la conception de sites (le plus souvent et ne sera 
que très rarement utilisé par les amateurs, même éclairés, de la publication sur le Web 
auxquels s'adresse ce document. Que ces amateurs soient cependant rassurés, pour eux le 
HTML a encore de beaux jours devant lui... Mais pour les "pros" du Web, dès qu'il s'agira de 
stoker, traiter, envoyer des données, le XML sera la voie informatique royale de l'avenir. 


Le XML est un "métalangage" soit un langage pour écrire d'autres langages. Ici aussi, 1l n'y a 
que peu de chances que vous conceviez un jour votre propre langage ! Mais le XML est une 
véritable révolution dans le panorama des langages de publication sur le Web. Il apparaît 
comme incontournable car il est déjà à la base de toute une série de nouveaux langages qui 
sont ou qui seront utilisés dans la conception des pages Internet comme le XHTML, le 
successeur désigné du Html, le WML pour le Wap des téléphones mobiles, le MathML pour 
les mathématiques, le SOAP et à n'en pas douter bien d'autres encore. Ces nouveaux langages 
générés par le XML en reprennent l'esprit, les règles et la syntaxe que vous pouvez découvrir 
ici. 


Le SGML pour Standard Generalized Markup Language est un langage normalisé pour la 
génération de langages de balises. Cette norme internationale [ISO8879] pour décrire la 
structure et le contenu de différents types de documents électroniques remonte à la nuit des 
temps de l'informatique et d'Internet. Ce langage très professionnel a la particularité d'être très 
concis et très abstrait. En conséquence, il n'est que très difficilement utilisable par le commun 
des mortels. Sa descendance est pourtant assez nombreuse et vous ne pouvez ne pas connaître 
un de ses enfants qui est un langage de balises utilisé pour la publication sur le Web: le 
HTML HyperText Markup Language. 


Le HTML ayant mal vieilli au fil des versions, le W3C consortium qui tente de régir les 
règles de la publication sur le Web, a décidé de repartir d'une feuille blanche en revenant en 
quelques sortes aux sources. D'où le XML eXtensible Markup Language, qui, outre le fait 
d'être issu du SGML, présente de fortes similitudes avec celui-ci. Ainsi, le XML peut-être 
considéré comme un SGML simplifié ou abrégé, un SGML qui serait abordable par le 
commun des webmestres. 


Le XML serait plutôt un SGML qu'un HTML. 


Le XML pour eXtensible Markup Language est donc un langage de balises (libre: ne 
nécessitant pas de licence de développement) comme le HTML mais il est extensible, 
évolutif. En XML, les balises ne sont pas prédéfinies. C'est vous qui devez ou pouvez définir 
vos propres balises. XML a été présenté en 1998 par le W3C, mais les premiers 
développements commencèrent dès 1996. 


Et c'est là le problème! Si les braves navigateurs n'avaient plus de difficultés pour afficher les 
balises prédéfinies du HTML comme les <H1>, <BR> ou autres STABLE», que doivent-ils 
faire avec vos balises <ok> ou <new> ? Le XML a comme vocation de décrire de 
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l'information et pas d'afficher celle-ci. Ainsi le XML pourtant créé en 1999, est resté durant 
près de deux ans, un concept plutôt abstrait et théorique faute de moyens fiables pour en 
afficher le résultat. Avec le développement de nouvelles techniques comme le XSL, il est 
devenu possible de percevoir concrètement les énormes potentialités de ce nouveau langage. 


Ainsi, nous pouvons résumer la situation par: 


e __ HTML: nombre fini de balises 
e XML: possibilité de définir ses propres balises 


e _ HTML: balises pour formater 
e XML: balises pour structure 


Le XML a un petit inconvénient cependant: il est au format texte et nécessite dès lors une 
relative quantité de mémoire. Mais cet inconvénient est léger car la mémoire est de moins en 
moins chère. Et l'utilisation de la compression ZIP ou ARJ permet d'économiser la place pour 
le stockage des fichiers. 


Remarque: les développeurs de StarOffice ont intégré dans le programme une routine Zip de 
ce cab et idem pour InfoPath avec une routine Cab (implicitement Zip). 


4.2 Avenir du XML 


Si le HTML a régné en maître sur le Web durant la dernière décennie du 20°" siècle (1990 à 
2000), le XML sera, sans aucun doute possible, le standard omniprésent pour tout ce qui 
concerne la manipulation et la transmission des données durant la première décennie du 
21ème siècle. Mais au risque ne me répéter, ce n'est pas tant le XML lui-même que vous 
utiliserez mais surtout les nombreux langages qui en découleront. 


Seul bémol à ces prédictions euphoriques, est la relative inertie des navigateurs grands publics 
à permettre, courant 2001, l'exploitation de ces nouvelles prescriptions. Comme exemple on 
peut citer le MathML qui est un langage issu du XML et qui a pour vocation d'afficher les 
formules mathématiques. Ce langage bien que parfaitement défini est encore peu exploitable 
par défaut dans les navigateurs les plus connus. Il faut pour le faire fonctionner télécharger un 
Plug-In appelé "MathPlayer" que l'on trouve facilement sur Internet. 


Citons également le module SMIL (Synchronized Multimedia Integration Language) utilisé 
pour l'intégration multimédia (TV, vidéo). 


4.3 XML et l'HTML 


Le HTML et le XML ne sont pas comparables. Lorsqu'on étudie les moyens de publication 
sur le Web, on est inévitablement tenté de faire une comparaison entre le HTML et le XML. 
Au contraire de ce qui a déjà été écrit par ailleurs, le XML n'est pas le successeur du HTML. 
Le XML n'est pas le futur du HTML. Le XML n'est pas le remplaçant du HTML. 


Le XML et le HTML sont deux langages distincts ! 
Le seul point commun entre le HTML et le XML est qu'ils sont issus tous deux de la même 


"mère" soit le SGML Standardized Generalised Markup Language qui est le langage de 
référence en milieu professionnel pour tout ce qui concerne la gestion électronique des 
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documents. Ils sont donc, tous deux, des langages de balises [Markup Language]. Ils ont 
également des caractéristiques communes héritées du SGML qui sont de transporter sur le 
Web des données en mode texte [plain text], compatibles avec n'importe quelle plateforme 


logicielle. 


Le XML et le HTML sont tous deux issus du SGML avec lequel ils partagent des 


caractéristiques communes 


Ils fonctionnent avec des balises. 
Ils sont indépendants de la plateforme. 
Ils sont en mode texte [plain text]. 


Le HTML et le XML sont différents en de très nombreux points dont certains ont trait à 


l'essence même du langage: 


— Le XML décrit, structure, échange des données tandis que le HTML ne fait 


qu'afficher des données. 


— Le XML est extensible et permet de créer ses propres balises en fonction des 
données traitées. En Html, les balises sont prédéfinies et donc figées. 


Le XML 

- Le XML décrit structure, 
stocke, transporte et échange 
des données 

- Le XML est un générateur de 
langages [métalanguages] 

- Outre les PCs, le XML se veut 
adapté aux outils comme les 
mobiles, les pockets, etc. 

- Le XML est un langage strict 
dont l'écriture doit être 
rigoureuse 


4.4 HTML, XML et XHTML 


Le HTML 
Le HTML affiche des données par 
l'intermédiaire d'un navigateur 
Le HTML est un langage statique 
(normalisé) de publication sur le 
web 
Le HTML est surtout conçu pour les 
ordinateurs de type PC 
Le HTML avec la version 4.0 est 
arrivé à bout de course et est devenu 
un langage hybride et en final peu 
structuré 
Le HTML, à cause des navigateurs 
récents est devenu très primitif 


Le XHTML est quant à lui le successeur du HTML. Mais il est par ailleurs aussi un des 
"enfants" engendrés par le XML. En deux mots, pour faire un peu le ménage dans les dérives 
du HTML au fil des différentes versions, le W3C a conçu le XHTML qui n'est en fait qu'une 
reformulation du HTML 4.0 selon la syntaxe et les règles du XML. 


XML 
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SGML - Sfanderdized Generalised Markuo Language 


Ceci est particulièrement visible lorsque l'on crée un nouvelle page XHTML dans 
Dreameaver: 


New Document 


1 
Dynamic Page HTML Template 
Template Page Library Item 
Other 55 
CSS Style Sheets JavaScript 
Framesets L 
Page Designs 
Page Designs (Accessible) 


Macromedia Dreamweaver MX - [Untitled Document (Untitled-2} (XHTML)] 


v Insert | 


N © &|E | & 


Bi <'DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN" “http://wuww.w3.org/TR/xhtmll/DTD/xhtmll-trar 
 <htul xmlins="http://uuuw.uw3.0rg/1999/xhtml"> 

ÉY <head> 

A <title->Untitled Document</title> 

CR <meta http-equiv="Content-Type" content="text/html; charset-iso-8859-1" > 

El <'head> 


ER <body> 


RD </body> 
PA </htul> 


On voit sur la première ligne la déclaration de la norme XML et sur la seconde, une référence 
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DTD. 


4.5 Syntaxe XML 


Le XML impose des règles de syntaxe très spécifiques par rapport au HTML. En outre, on 
retrouvera ces mêmes règles de syntaxe dans tous les langages dérivés du XML comme le 
XHTML ou le WML par exemple. 

Le XML est un langage de balises [Markup Language]. 

Mais au contraire du HTML où les balises sont définies, vous devez inventer vos balises. 
Rappelez-vous, le XML est eXtensible. Il faut donc écrire soi-même le nom des balises 
utilisées. 


Il y a quelques règles pour la composition des noms (mais elles ne dérouteront pas les 
habitués du Javascript): 


—Les noms peuvent contenir des lettres, des chiffres ou d'autres caractères. 
—Les noms ne peuvent débuter par un nombre ou un signe de ponctuation. 
—Les noms ne peuvent commencer par les lettres xml (ou XML ou Xml...). 
—Les noms ne peuvent contenir des espaces. 

—La longueur des noms est libre mais on conseille de rester raisonnable. 


—On évitera certains signes qui pourraient selon les logiciels, prêter à confusion 
comme nn, Hi He "<", Le etc. 


—Les caractères spéciaux pour nous francophones comme é, à, ê, ï, ü sont à priori 
permis mais pourraient être mal interprétés par certains programmes. 


On profitera de cette liberté dans les noms pour les rendre le plus descriptif possible comme 
par exemple <gras_et_italique>. 


Les balises sont sensibles au majuscules et minuscules [case sensitive]. 
Ainsi, la balise <Message> est différente de la balise <message>. La balise d'ouverture et la 
balise de fermeture doivent donc être identiques. Ainsi par exemple ; <Message> … 


</message> est incorrect et <message> … </message> est correct. 


Une tendance se dégage pour n'écrire les balises qu'en minuscules, limitant ainsi les erreurs 
possibles. 


Toute balise ouverte doit impérativement être fermée. 


Fini les écritures bâclées du HTML où l'on pouvait dans certains cas omettre la balise de fin 
comme pour le paragraphe <p> ou l'élément de liste <>. 


Ainsi en HTML, ce qui suit est affiché correctement: 
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<p> <ul> 
<li> Point 1 
<li> Point 2 


Le XML est beaucoup plus strict. On devrait avoir: 


<p> <ul> 
<H>Point 1</l1> 
<H>Point 2</l1> 
</ul> </p> 


Les éventuelles balises uniques ou appelées aussi balises vides, comme <br>, <meta> ou 
<img> en HTML, doivent également comporter un signe de fermeture soit balise/. Ainsi une 
balise <meta/> est incorrecte en XML. 


Les balises doivent être correctement imbriquées. 


Le XML étant très préoccupé par la structure des données, des balises mal imbriquées sont 
des fautes graves de sens. 


Ainsi l'écriture suivante est incorrecte car les balises ne sont pas bien imbriquées: 
<parent><enfant>Loïc</parent></enfant> 
L'écriture correcte avec une bonne imbrication des éléments est: 
<parent><enfant>Marine</enfant></parent> 
Tout document XML doit comporter une racine! 


En fait, la première paire de balises d'un document XML sera considérée comme la balise de 
racine [root]. 


Par exemple: 


<racine> 
… Suite du document XML … 
</racine> 


S1 on ose faire un lien avec le HTML, votre élément racine était <body> … </body>. 
Tous les autres éléments seront imbriqués entre ces balises de racine. 
Par exemple: 

<parents> 

<enfants> 

<petits_enfants> … </petits_enfants> 


</enfants> 
</parents> 
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Remarque: nous verrons tout de suite que les valeurs de ce que nous appelons les "attributs" 
doivent toujours être mises entre des guillemets. 


Le XML peut avoir (comme l'HTML) des attributs avec des valeurs. En XML, les valeurs des 
attributs doivent obligatoirement être entre des guillemets, au contraire du HTML où leur 
absence n'a plus beaucoup d'importance. 


Ainsi, l'écriture suivante est incorrecte car il manque les guillemets. 
<date anniversaire=071185> 
La bonne écriture est: 
<date anniversaire="071185"> 


Le XML est un langage strict. Votre document doit impérativement respecter la syntaxe du 
XML. On dira alors que le document est "bien formé” [Well-formed]. Seuls les documents 

"bien formés" seront affichés correctement. A la moindre erreur de syntaxe, le document ne 
sera pas ou ne sera que partiellement affiché. 


Voici un premier document XML. 
Rien de bien compliqué mais ce document sera étoffé en cours d'étude. 
<?xml version="1.0" encoding="ISO-8859-1"?7> 


La déclaration <?xml version="1.0"?> indique au navigateur que ce qui suit est un document 
XML selon sa version 1.0. Vous remarquerez que cette balise ne comporte pas de signe de 
fermeture car cette balise n'est pas encore du XML. 


On en profite généralement pour notifier le "character set" qui indique à l'interpréteur XML 
[Parser] le jeu de caractères à utiliser. Le jeu de caractères "ISO-8859-1" correspond à 
Latin 1. Pour nous francophones, l'avantage d'accepter la plupart des lettres avec des accents. 


Dans le tableau suivant, nous avons regroupé les principaux standards ISO: 
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UTF-8 (Unicode) Jeu de caractères universel, 
mondial 
ISO-8859-I (Latin-1) Europe occidentale, Amérique 
latine 
ISO-8859-2 (Latin-2) Europe centrale et orientale 
ISO-8859-3 (Latin-3) Europe du sud-est 
ISO-8859-4 (Latin-4) Scandinavie, pays Baltes 
ISO-8859-5 Cyrillique 
ISO-8859-6 Arabe 
ISO-8859-7 Grec 
ISO-8859-8 Hébreu 
ISO-8859-9 Turc 
ISO-8859-10 Langues lapone, nordique, 
esquimaude 
EUC-JP ou Shift_JIS Japonais 


Vous pourrez vous amuser si vous le voulez à changer les jeux de caractères pendant les 
exemples données plus tard en remplaçant par exemple ISO-8859-1 par ISO-8859-3 ou ISO- 
8859-5. Vous obtiendrez aussitôt un message d'erreur de la part d'Internet Explorer ! 


Remarque: l'omission de l'attribut de codage génère également un message d'erreur. Car le 
navigateur part ensuite de l'unicode (UTF-8) et exige un "masquage de l'accent". 


Le remplacement des accents s'effectue par des entités: les entités sont des caractères de 


mon 


remplacement. Une entité commence par "&" et se termine toujours par un point-virgule ";". 
Nous utilisons les codes de caractères des tableaux ISO pour afficher les "caractères 
d'échappement". Ainsi: 

&quot; correspond au guillemet double, " 


&#60; correspond à la relation d'ordre inférieur, < 


Seuls les cinq caractères suivants, également appelées "entités nommées", sont autorisées: 


Caractère Entité 
< &lt; 
> &st; 
& &amp; 
ù &quot; 
| &apos; 


Les autres entités nommées telles que &eacute; ou &egrave; utilisées dans le HTML ne sont 
malheuresuement pas admises. Dans ce cas, utilisez les "codes". 


Le tableau suivant présente quelques unes des caractères spéciaux les plus importants ainsi 
que l'entité correcpondante: 
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» &#187 
« &#171 
© &#169 
® &#174 
£ &#163 


Deux méthodes vous sont proposées dans ce document pour avoir la liste des autres codes. 


1. Soit aller sur le site http://selfhtml.selfthtml.com.fr/th.htm 


2. Dans MS Word aller dans le menu /nsertion et choisir Caractères spéciaux: 


EC x 


Symbols | Special Characters | 


Font: Fnormal text} >| 


GEO MAnRE #| 


ces 
/ 


Revenons-en à notre élément racine qui suit donc directement la déclaration du la norme de 
caractères la plus part du temps: 


<racine> 


L'élément racine indispensable au XML. Vous pouvez utiliser, à votre convenance, n'importe 
quel nom à l'intérieur de cette balise de racine. 


.… Suite du document XML … 


Votre document XML proprement dit, qui respectera bien entendu scrupuleusement la 
syntaxe du XML ("bien formé"). 


</racine> 
Le document XML se termine obligatoirement à la fermeture de la balise de racine. 
Elaboration du fichier Voici un petit fichier XML. 


<?xml version="1.0"?> 
<racine> 
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<enfants> 
<masculin>Loic</masculin> 
<feminin>Marine</feminin> 
</enfants> 

</racine> 


On le reproduit dans le programme Bloc-notes [notepad] pour les utilisateurs de MS 
Windows. 


&; xmidemo - Bloc-notes -{(0/xf 


Fichier Edition Recherche  ? 


<?xml version="1.8"?}> 
<racine}» 

<enfants> 
<masculin>Loic</masculin} 
<feminin>Harine</feminin} 


Ou dans XMLSpy pour les utilisateurs de ce logiciel (qui a l'avantage, parmid d'autres, de 
fermer automatiquement les balises ouvertes .…): 


<?xml version=" 0" standalone="n0"?> 
<parent- 
<garcon-Loic</garconz 
<file-Marine<ffille= 
<iparent- 


Et on l'enregistre (non pas en type de document Texte) en " Type: Tous (*.*) " sous un nom 
avec une extension .xml 


Non : [aider 
Lpe: Tous 1 »*| ännuler | 
2, 


Résultat dans Microsoft Explorer 5 et + 


Depuis la version 5 de Microsoft Internet Explorer, les fichiers XML s'affichent sans 
problèmes. 
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À C:\WINDOWS\Bureau\xmidemo-xmL= Microsoft ps |=| #1] 


] Fichier Edition Affichage Favoris Outils 2? 


<?xml version="1.0" ?> 
- <racine> 
- <enfants> 
<masculin>Loic</masculin> 
<feminin>Marine</feminin> 
<fenfants> 
</racine> x 
fle:#//C:AWINDC| | [!5J Poste de travail 7 


Remarque: Internet Explorer utilise une feuille XSL par défaut si aucune n'est référencée dans 
le document XML. Netscape 6 également, mais en sortie, il n'affiche que le texte. Mozilla et 
Firefox on également une feuille de style par défaut. 


Vous remarquerez qu'il y a un petit signe - affiché devant des balises englobantes (voir le 
pointeur sur la capture d'écran). Il suffit de cliquer sur le signe pour masquer celles-c1. Et bien 
entendu de cliquer sur le signe + pour les faire réapparaître. 


À C:\WINDOWS\Bureau\xmidemo-xnt Micro: 


| Fichier Edition &ffichage Favoris Outils 


<?eml version="1.0" ?> 
- <racine> 

+ <enfants> 

</racine> 


P) 
Æ | | [SPoedrewa 


Résultat sous Netscape 6 et + 


Le même fichier ne sera visible sur Netscape qu'à partir de la version 6. L'interprétation de ce 
fichier XML est pour le moins différente. 


FN Netscape 6 
ÉTÉ 
Loic Marine 


Document : chargé 


Au risque de me faire des ennemis, le XML et surtout le XSL sont surtout l'affaire de 
Microsoft Explorer qui les prend mieux en compte. Espérons que ce ne soit que momentané. 
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Regardons quand même du côté de Firefox 1.5 aussi: 


Ce fichier XML ne semble pas avoir d'information de style lui étant associé. L'arbre du document est montré ci-dessous. 


— <racine> 
— <enfants> 
<masculn>Loic</{masculn> 
<femmim>Marine</femmim> 
<fenfants> 
<fracine> 


4.5.1 La balise CDATA (character data) 


CDATA (pour "Character Data”, données de caractère) figure dans les fichiers XML sous la 
forme ![CDATA. 


Pour résumer, le contenu de cette section ne sera pas analysé par le navigateur lors de la 
lecture du fichier. Le texte sera donc affiché tel qu'il est écrit dans cette section. 


Nombre de fichiers XML dynamiques mettent leur contenu textuel dans une section CDATA, 
afin d'éviter qu'un caractère inattendu ne casse la validité du XML, et donc ne le rende 
illisible. 


Cette section sert donc de plus ou plus en plus souvent de fourre-tout pour certains 
développeurs qui ne prennent pas soin de valider leur XML et préfère simplement cette 
section si pratique. Elle est donc utilisée parfois à tort ou à travers. 


Exemple: 


Créez un fichier nommé CData.xml suivant et affichez le dans le navigateur Internet Explorer: 


<?xml version=" 0" encoding="is0-8859-1"?7> 
<racine= 
<[CDATAI 
<enfant- 
<nom>Loic</nom> 
<lien-garçon & fille<fien- 
<date-0741/#63<idate- 
<data-Le petit qui me dépasse d'une tête. </data> 
<jenfant- 
J= 
<enfant- 
<nom>-Marine</nomsz 
<lien>fille<fien- 
<date-20M 2/65</date> 
<data-La petite fille chérie à son papa.</data> 
<fenfantz 
<fracine> 


dans IE cela donne: 
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<?xml version="1.0" encoding="iso-8859-1" ?> 


- <racine> 
- <![CDATAI[ 
<enfant> 
<nom>Loic</nom> 
<lien>-garçon € fille</lien> 
<date>07/11/83</date> 
<data>Le petit qui me dépasse d'une téte.</data> 
</{enfant> 
1]> 
- <enfant> 


<nom>Marine</nom> 
<lien>fille</lien> 
<date-20/12/85</datez 
<data>La petite fille chérie à son papa.</data> 
</fenfant> 
</racine> 


Associé à un fichier XSL que nous créerons plus loin en tant qu'exercice, le fichier XML sans 
la balise CDATA aura l'effet suivant à cause de la présence du caractère "&": 


La page XML ne peut pas étre affichée 


Impossible d'afficher l'entrée XML en utilisant la feuille de style XSL. 
Corrigez l'erreur, puis cliquez sur le bouton Actualiser ou réessayez 
ultérieurement, 


Aucun espace blanc n'est autorisé à cet emplacement. 
Erreur de traitement de la ressource file:///C:/Documents 
and Settings. 


<lien>-garçon € fille></lien> 


Anniversaire le 07/11/83 - Le petit qui me dépasse d'une tête. 
Marine - fille 
Anniversaire le 20/12/85 - L3 petite fille chérie à son 9303. 


En mettant le nœud cette fois-ci entre CDATA tel que ci-dessous: 
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<?xml version=" 0" encoding="is0-8859-1"?> 
<?xmlstylesheet type="text/xsl" href="XStyleSheet.xsl"?> 
<racine> 
<enfant- 
<nom>-Loic<nom> 
<lien-<[CDATA [garçon & fille]]-<fien- 
<date-07141/63<jdatez 
<data-Le petit quime dépasse d'une tête.<'data> 
<ienfant- 
<enfant- 
<nom-Marine</nome 
<liensfille<fienz 
<date-20M2/85<jdatez 
<data-La petite file chérie à son papa.</data> 
<ienfant- 
<fracine> 


Nous obtiendrons à nouveau: 


Loic - garçon &. fille 
Anniversaire le 07/11/83 - Le petit qui me dépasse d'une tête. 
Marine - fille 
Anniversaire le 20/12/85 - L2 petite fille chérie à son papa. 


La balise CData sert donc à ignorer tous les caractères spéciaux et permet souvent aux 
développeurs d'intégrer des scripts (du javascript la plupart du temps) dans des fichiers XML. 
Effectivement, les langages de scripts dynamiques contiennent très souvent trop de caractères 
spéciaux pour que l'on ait l'envie de tous les rempalcer par leur caractère d'échappement. 


4.6 Le DTD et le XSD 


Avant de vous lancer dans un projet XML, vous devez toujours 
commencer par planifier la stucutre dans le but de la normaliser pour des usages futurs ! 


Définition: Le DTD (Document Type Declaration) ou encore XSD (eXtended Schema 
Document) est l'ensemble des règles et des propriétés que doit suivre le document XML. 


Ces règles définissent généralement le nom et le contenu de chaque balise et le contexte dans 
lequel elles doivent exister. Cette formalisation des éléments est particulièrement utile 
lorsqu'on utilise de façon récurrente des balises dans un document XML. L'utilisation des 
fichiers XSD (language défini en 2001 par le W3C) est obligatoire pour un usage rigoureux de 
l'XML dans MS Office 2003 (le DTD étant plutôt opté par les anciens spécialistes Java — les 
vieux de la vieille quoi...) 


Remarques: 


R1. XSD est une évolution naturelle des DTD. Contrairement à DTD c'est un langage XML, il 
permet une description formelle des types, des namespaces (espaces de noms), des contraintes 
sur les données, etc. 1l est de ce fait plus adapté au développement d'applications (en java ou 

autre par les développeurs au courant...) 


R2. Le fait que le XSD remplacera le DTD est du au fait que nous ne pouvons pas avec de 
dernier déterminer avec précision le type de données auquel nos caractères doivent 
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correspondre. Une restriction appligqée aux chiffres, au format monétaire ou même aux 
nombres entiers (integer) est impossible à ce jour (tout est pris dans #CDATA avec le DTD). 


L'étude détaillée des DTDSs et des XSD's dépassent de loin le cadre de cet ouvrage mais un 
bref aperçu est cependant utile surtout pour comprendre le fonctionnement des langages 
dérivés du XML qui ne manquent pas d'utiliser ces fameux DTDs. 


En effet, par les DTDs et XSDs externes, plusieurs concepteurs peuvent se mettre d'accord 
pour utiliser un DTD ou XSD commun pour échanger leurs données. Avec le XHTML ou 
le WML, vous signalez dans l'en-tête du document que vous utilisez (et suivez) les normes 
du W3C concernant les langages précités. 


Voici une ficher XML faisant appel à son validateur XSD et son validateur XSD lui-même...: 


Le fichier XML qui contient sa référence à un XSD de validation: 


<?xml version=" .0" standalone="n0"?> 

<parent xmins:xsi="http: vw 3 org/2001 /*MLSchema-instance" xsinoMamespaceSchemaLocation="parent.xsd"- 
<garcon-Loic</garcon- 
<fille-Marine</fille= 

«parent» 


Remarque: dans XMLSpy, lorsque l'on crée un nouveau fichier XML il vous demande 
automatiquement d'y associer un fichier XSD. Cela vous évitera d'écrire la pénible déclaration 
du namespace xsi 


Le fichier XSD correspondant (nous verrons lors de notre étude de MS Office 2003 comment 
créer ce type de fichier très facilement): 


<?xml version=" 0" encoding="UTF-8"?> 
<l-- edited with XMLSPY 2004 rel. 3 U (http: fa xmlspy.com) by is0z (sciences) --> 
<xs:schema xmins:xs="http: fav 3 org/2001 /XMLSchema"> 
<xs:element name="parent"- 
<xs:annotation- 
<xs:documentation-Comment describing our root element</xs: documentations 
<ixs:annotationz 
<xs:complexTypez= 
<XS:sequence> 
<xs:element name="garcon" type="xs:string"{# 
<xs:element name="fille" t;pe="xs:string"# 
<jXs:sequence> 
<ixs:complexTypez 
</xs:element- 
<ixs:schemaz 


Le fichier XML (à nouveau) qui contient sa référence à une DTD de validation: 


<?xml version=" .0" standalone="n0"?> 
<IDOCTYPE parent SYSTEM "parent .dtd"- 
<parent- 
<garcon-Loic</qarcons 
<file-Marine</fillez 
«parent» 


et son DTD correspondant: 
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<IELEMENT parent (garcon, fille) 
<IELEMENT garcon (#PCDATA4)> 
<IELEMENT fille (éPCDATA)> 

| 


Nous pouvons trouver dans les DTD les symboles suivants: 


E ‘élément doit être présent au minimum une fois 
# | ‘élément peut être présent plusieurs fois (ou aucune) 


A ‘élément peut être optionnellement présent 


| L'élément A ou l'élément B peuvent être présents 


| ‘élément À doit être présent et suivi de l'élément B 


0! es parenthèses permettent de regrouper des éléments afin de leur appliquer les (A.B)+ 
autres opérateurs ? 


Exemple plus complexe: 


<IELEMENT familles (parents+)> 
<l-- Cela va bien marcher --> 
<IELEMENT parents (garcon+, fille+)>= 
<IELEMENT garcon (age, taille?, particularite*)>= 
<IELEMENT fille (age, taile?, particularite*)= 
<IELEMENT age (#PCDATA)= 
<IELEMENT taille (#PCDATA)> 
<IELEMENT particularité (#PCDAT A4 )>= 
<IATTLIST age 

annee CDAT£ #REQUIRED 

lieu CDAT£ #IMPLIED 


Ainsi, le nœud racine est familles et il peut contenir plusieurs nœuds parents qui lui-même 
peut contenir plusieurs nœuds garcon et taille. etc. Ce qui donne dans XMLSpy: 


mi XMi 


familles sequence of 
( El parents 1 or more 
parents sequence of 
El garcon 1 or more 
Eln fille 1 or more 
garcon sequence of 
El age 
El taille gor1 
Eli particularite 0 or more 


fille sequence of 


El taille Oort 


Eli particularite Û or more 
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Revenons à l'exemple XML utilisant le XSD. Si nous le changeons de la manière suivante: 


Bloc lasse | El | |: Me: 


<?xml version=" .0" standalone="n0"7> 
<parent xmins:xsi="http: fn or g/2001 MLSchema-instance" 
xsinoNamespaceSchemaLocatigfi="parent.xsd"> 
<garcon-Loic</garconz 
<fille-Marine</fille= 
<animal-chat</animal 
<iparent>| 


C$ Revalidate 


Grid | Schema/WSDL | Authentic | Browser | 


scjénces) ©1998-2003 âltoya GmbH & Altova, Inc. Ln 6, Col 


Dans XMLSpy un validateur vérifie (le jaune vérifie la conformité, le vert la validité) si le 
fichier XML est valide. En l'occurrence ce n'est plus le cas puisque la balise <animal> n'existe 
pas dans le XSD. 


Si nous revenons à l'état initial du fichier XML et tentons à nouveau une validation, nous 
verrons que celle est OK: 


RAR Lea LAC EE 


<?xml version="{ 0" standalone="n0"?> 
<parent xmins:xsi="htte: fa 5 .org/2001 /XMLSchema-instance" 
xsinoNamespaceSchemaLocation="parent.xsd"> 
<garcon-Loic</gqarconz 
<fille-Marine</fille= 
<iparent- 


| @ This file is valid. 


FText | Grid |  Schema/wSDL | Authentic | Browser | 
| enfants*5D.xml parent.xsd | (x enfantsDTD,xml | (a parent.dtd | 


4.7 XML et CSS 


Pour afficher les balises XML, on peut faire appel aux bonnes vieilles feuilles de style 
(CSS), maintenant classiques dans le paysage HTML. A chaque balise "inventée" dans le 


fichier XML, on va définir un élément de style que le navigateur pourra alors afficher. 


Un exemple de XML + CSS: 
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A seule fin de démonstration, voici un exemple des possibilités d'une feuille de style CSS 
associée à un document XML. 


Voici notre document XML de départ: 


<?xml version=" 0" encoding="50-8859-1"?7> 
<racine> 
<enfant- 
<nom>-Loïic</nom> 
<lien-garçon<ilienz 
<date-07M1/83</date- 
<data-Le petit qui me dépasse d'une tête.<idataz 
<fenfant- 
<enfant- 
<nom-Marine</nomz 
<lien>fille<fienz 
<date-20M2/85</date- 
<data-La petite file chérie à son papa.</data> 
<fenfant- 
<iracines| 


Affiché dans le navigateur, cela nous donne: 


3 À:\simple.xml - Microsoft Internet Explorer 


<?xml version="1.0" encoding="ISO-8859-1" ?> 
- <racine> 

- <enfant> 
<nom>Loïc</nom> 
<lien>garçon</lienz 
<date-07/11/83</datez 
<data>Le petit qui me dépasse d'une tête.</data> 

</enfant> 


- <enfant> 


<nom>Marine</nom> 
<lien>fille</lienz 
<date-20/12/85</datez 
<data>La petite fille chérie à son papa.</dataz> 
</fenfant> 
</racine> 


Tristounet ! 


On crée le fichier .css dont voici le contenu: 
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+ CS 


5+ Document */ 

<style type="text/css"> 

racine.enfant{} 

nom 
display: block; width: 250px; 
font-size: lépt; font-family: arial; 
font-weight: bold; background-color: teal; 
color: white; padding-left: lOpx; 

} 

lien{ 
display: block; font-size: 1l2pt;: padding-left: lOpx; 

} 

date{ 
display: block; font-size: 12pt; color: red; 
font-weight: bold; padding-left: 1Opx; 

} 

data{ 
display: block; font-size: 11; 
font-style: italic; font-family: arial; 
padding-left: 10 px 

} 

</style> 


Après avoir ajouté un lien vers le fichier css dans le fichier xml: 


<?xmi-stylesheet href="style.css" type="text/css"?> 


On obtient finalement: 


‘À A:\simple.xml - Microsoft Internet Explorer 


07/11/83 


Le Æ ie He ne d'une lêle. 


fille 
20/12/85 
La petite fille chérie à son papa. 


Plutôt sympa non ?... 


Mais il y a encore un autre moyen, plus performant et aux possibilités plus étendues: 
afficher du XML avec le XSL soit le langage de feuilles de style eXtensible. Le pendant 
du XML au CSS. 
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4.8 XML et XSL 


Comme le XML n'utilise pas des balises prédéfinies (car on peut inventer ses propres 
balises), le navigateur ne "comprend" pas les balises du XML et ne sais pas trop comment 
afficher un document XML. 


Pour néanmoins afficher des documents XML, il est nécessaire d'avoir un mécanisme pour 
décrire comment le document pourrait être affiché. Un de ces mécanisme est les feuilles de 
style classiques du HTML (CSS), mais le XSL pour eXtensible Stylesheet Language est de 
loin un langage de feuille de style plus adapté au XML et donc plus performant. 


<® 


De façon résumée, le XSL est un langage qui transforme le XML en Html. Mais 1l fait bien 
plus ! Aïnsi nous avons cru utile de lui consacrer un plus ample développement plus loin dans 
ce tutorial. 


A seule fin de démonstration, voici un exemple des possibilités du XSL associé à un 
document XML. Les explications seront données au chapitre consacré au XSL. 


Voici notre document XML de départ: 


?xnl version="1.0" encoding="1is0-8859-1"2> 
2 <?xml-stylesheet type= "text/xsl" href= "XStyleSheet.xsl1"2> 


3 <racine> 
Es <enfant> 
<nom>Loic</nom> 

6 <lien>garçon</lien> 

7 <date>07/11/83</date> 

8 <data>Le petit qui me dépasse d'une tête.</data> 
9 </enfant> 
10 <enfant> 
11 <nom>Marine</nom> 
12 <lien>fille</lien> 
13 <date>20/12/85</date> 
14 <data>La petite fille chérie à son papa.</data> 
15 </enfant> 


16 </racine> 


Affiché dans le navigateur, cela nous donne: 
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<?eml version="1.0" encoding="159-8859-1" ?> 
- <racine> 
- <enfant> 
<nam>l nic</romz 
<lien>garçon</lien> 
<date-07/11/83</datez 
<data>Le petit qui me dépasse d'une tête.</dataz> 
</enfant> 
- <enfant> 
<nom>Marine</nomz> 
<lien>fille</lien> 
<date-20/12/85</date> 
<data>La petite fille chérie à son papa.</data> 
</enfant> 
</racine> 


Pas très folichon ! 


On ajoute un fichier .xsl dont voici le contenu: 


<?xml version=" .0" encoding="50-8859-1"?> 
<xslstylesheet version="{ 0" xmins:xsl=" http: lv 3 org" 999/XSLiTransform"> 
<xsltemplate match=""> 
<htmi= 
<body style="font-family:4rial, font-size:12pt;"> 
<xslfor-each select="racine/entant"- 
<diy style="hackground-color:teal, color:white;">- 
<span style="font-weight:hold, color:white; padding:4px"> 
<xslvalue-of select="nom"/{-<ispanz 
- <xslvalue-of select="lien"/- 
<idis> 
<div style="margindeft:20px; font-size:10px"> 
<span-4nniversaire le <xslvalue-of select="date"/= 
<ispan> 
<span style="font-style:italic"- - <xsl:value-of select="data"/> 
<ispan> 
<idiy> 
<ixslfor-each> 
<body> 
<ihtml= 
<ixsltemplate- 
<ixslstylesheet>| 


Attention!! Remarquez au débutl l'appel l'espace de noms (xmins) de 1999 qui peut réserver 
quelque suprises au niveau de la syntaxe de certaines commandes XSL. Nous y reviendrons 
par ailleurs. 

Après avoir ajouté un lien vers le fichier xs1 dans le fichier xml: 


<?xml:stylesheet type="text/xsl" href="simple.xsl"?> 


On obtient finalement: 
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Anniversaire le 07/11/83 - Le _ = me — d'une tête. 


Anniversaire le 20/12/55 - La petite file chérie à son papa. 


F2] 


Un peu mieux assurément ! 


4.9 XML dans HTML 


On peut toujours incorporer du XML dans un fichier HTML avec la balise <xml> … </xml>. 
Mais en toute logique, quand les navigateurs rencontrent des balises incorrectes ou inconnues, 
rien n'est affiché. Ce sera le cas avec vos balises XML incorporées dans un fichier HTML. 


Heureusement, on peut passer par une astuce qui répond au doux nom romantique de "flots de 
données" [Data Islands]. 


Derrière ce nom pour le moins bizarre, se cache une possibilité assez intéressante. Dans un 
fichier HTML, vous pouvez créer un" îlot” de données se trouvant dans un fichier XML 
distinct et en extraite des données que vous pouvez alors afficher dans le document Html. 


Ici, dans le fichier HTML, on va désigner le fichier xml extérieur avec un 
identifiant id: 


<xml id="fichierxml" src="simple.xml"></xml> 


Dans un tableau HTML, que l'on relie par un attribut à la source des données au moyen de 
l'identifiant désigné plus haut [datasrc="#id"], on peut finalement aller reprendre des données 
du fichier XML avec l'attribut de champ de donnée qui a comme valeur le nom de la balise 
XML [datafld="balise_xml"]. 
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Vite, vite, un exemple ! 


Voilà toujours notre fichier XML (extérieur) qui ne doit pas faire référence à un fichier 
XSD!!: 


Ne marche plus avec les navigateurs ‘'modernes'' depuis les années 2006 à 2015... 


<?xml version=" 0" encoding="is0-8859-1"?7> 
<racine= 
<enfant- 
<nom>Loic</nom> 
<lien-garçon<iienz 
<date-07M41/83<i/date- 
<data-Le petit qui me dépasse d'une tête .<idataz 
<fenfant- 
<enfant: 
<nom>-Marine</noms 
<lien-file<fienz 
<date-20A2/#85</date- 
<data-La petite fille chérie à son papa.</data> 
<fenfantz 
<jracine>= 


Soit: 


É À:\simple.xml - Microsoft Internet Explorer 


| Fichier Edition Affichage Favoris Outils 2 


<?xml version="1.0" encoding="I1SO-8859-1" ?> 
- <racine> 


- <enfantz> 
<nom>Loïc</nom> 
<lien>garçon</lienz 
<date-07/11/83</date> 
<data>Le petit qui me dépasse d'une tête.</data> 
</enfant> 
- <enfant> 
<nom>Marine</nom> 
<lien>fille</lienz> 
<date>-20/12/85</datez> 
<data>La petite fille chérie à son papa.</dataz> 
</fenfant> 
<fracine> 


Je vais créer un fichier HTML classique dans lequel je voudrais reprendre des données du 
fichier XML et plus précisément le contenu des balises <nom>, <lien> et <date>. 
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<html> 
<bodz> 
Voici du Html... 
<xml id="fichierxml" src="simple.xml"></xml> 
<table border="1" datasrc="#fichierxml"> 
<tr> 
<td>-<span datafld="non"></span></td> 
<td><span datafld="lien"></span></td> 
<td-Anniversaire le <span datafld="date"></span></td> 
</tr> 
</table> 
Et voici encore du Html 
</body> 
</html> 


Ce qui une fois affiché (avec quelques attributs supplémentaires pour le look de la page), offre 
le résultat suivant: 


À C:\WINDOWS\Bureau\Copie de xml_htnl.html=MicrosoftintemeLe p 
[ Hictuer Edition &thchege avons Uutk 7% E3 


Voici du Html. 


Loic | garçon Anniversaire le 07/11/83 


Manne | fille Anmversaire le 20/12/85 


Et voici encore du Hinl | 


Grandiose ! 


4.10 Editeurs XML 


N'attendez pas de miracle des éditeurs XML ! Comme en XML vous fabriquez sur mesure 
vos balises, les éditeurs ne peuvent avoir qu'un rôle d'aide à l'encodage et à la structure de 
votre document. 


Les éditeurs XML sont cependant d'une grande utilité si vous avez de nombreuses balises 
récurrentes dans votre document XML. En outre, s'il en nécessaire d'actualiser souvent les 
données du votre fichier XML, il sera beaucoup plus facile de vous retrouver dans l'interface 
d'un éditeur que dans le fouillis de balises du code source. 


4.10.1 MXML Notepad 


Nous allons reproduire le fichier XML qui nous a servi d'exemple jusqu'ici (simple.xml). 
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# Untitled - XML Notepad 
Fille Edit View Insert Tooks Help 


Dé|a| 4/88) A FLE 


FN Chi Element EE 


For Help, press F1 


Cliquez sur "Root Element” dans la fenêtre Structure pour l'élément racine et saisissez 
document au clavier. Cliquez ensuite sur "Child_Element" et encodez la balise enfant. 


Ajoutons le sous-élément nom. Cliquez à cet effet sur l'élément enfant, avec le bouton 
droit de la souris et sélectionnez dans le menu contextuel /nsert/Child Element. 


E-MS document 
N ÊET 
Cut 
Copy 
Paste 
Duplicate 
Element 
Change To + 
&ttibute 
Text 
Comment 


Dans la fenêtre Structure, le curseur d'insertion clignote dans le sous-élément ajouté. On y 
ajoute la balise nom. 


On accède ensuite au cadre de droite soit dans la fenêtre Valeur et on saisit Loic. À ma 
connaissance, XML Notepad ne permet pas de reprendre le jeu de caractères "ISO-8859-1". 


EM document 


5 © enfant a—a—_————…—…— 
Ne nom 


Ajoutons les autres sous-éléments lien, date et data. On clique sur Nom M€ bouton droit 
et Insert/Element et on encode les données. 


On va maintenant répéter la série de balises de sous-éléments. On clique sur Enfant bouton 
droit Duplicate et la série est reproduite. 


On peut encoder les valeurs. 
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SMS document 
E ES) en Cut 


Insert > 
Change To + 


Pour voir le document terminé, menu View/Source. En outre, dans la fenêtre ouverte, on vous 
signale s1 le document est "bien formé [well formed]. 


View Current XML Source 


<document> 
<enfant> 

<nom>Loic </nom> 

<lien>garcon</lien> 

<date>07/11/83</date> 

<data>Le petit qui me depasse d'une tete</data> 
</enfant> 
<enfant> 

<nom>Marine</norm> 

<lien>file</lien> 

<date>20/12/85</date> 

<data>La petite file cherie a son papa</data> 
<#enfant> 
</document> 


The current XML definition is well formed Hep | 


4.10.2 XMLSpy 


Avec XMLSpy (mon préféré), on dispose d'un programme déjà plus professionnel. Il est à 
notre avis assez remarquable pour la structure qu'il met en place. 


= version 


encoding 


Nous allons reproduire le fichier XML qui nous a servi d'exemple jusqu'ici (simple.xml). 


Commençons par l'élément racine. On prend le menu XML/Insert/Element et on encode la 


balise racine. 
XML 
= version 1.0 


= encoding 150-8859-1 


Encodons l'élément enfant, après avoir cliqué dans la zone racine XML/Add child 
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XML 
| = version 


encoding 


{ racine 
E'enfant 


On passe aux sous-éléments. Après avoir cliqué dans la zone enfant, on demande 4 éléments 


soit menu: XML / Add Child / Element (4 fois). 


XML 
| = version 1.0 
= encoding 150-8859-1 
racine 
enfant 

{} nom 
€} lien 
{} date 
{} data 


Et l'on refait la même chose pour les autres données enfant. 


Loic 


garçon 
0711/8353 


Le petit qui me dépasse 
d'une tête. 


= version 
encoding 
racine 

enfant 
{} nom 
€ lien 
{} date 
{} data 

enfant 
{} nom 
© lien 
{} date 
{} data 


Loic 


garçon 
071183 

Le petit qui me dépasse 
d'une tête. 


Marine 
fille 
201 2/85 


La petite fille chérie à 
son papa. 


Ceci n'est vraiment qu'un très bref aperçu de XMLSpy dont les possibilités sont nettement 


plus nombreuses et étendues. 


Remarque: perso je préfère taper le XML à la main dans le mode texte de XMLSpy 


4.10.3 Xmetal 


D'autres outils professionnels comme Xmetal de SoftQuad apparaissent sur le marché mais 


leur utilisation dépasse le cadre de ce tutorial. 
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5. X.S.L. 


S1 le langage HTML est accessible au plus grand nombre, avec le langage XML et XSL vous 
passez à une vitesse supérieure. Le XML et son complément le XSL est de loin plus abstrait et 
donc plus complexe que le HTML. Bien que ce tutorial se limitera à une découverte basique 
du XSL, il est quasi indispensable pour en tirer quelques profits d'avoir: 


- une connaissance basique du XML abordé dans le chapitre précédent. 
- une Connaissance et une pratique aiguë du langage HTML. 
- une connaissance et une pratique de la conception de pages Web. 
- de bonnes notions de feuilles de style (CSS). 
- des notions de Javascript ou de VBscript. 
Le XML ne fait rien. Il faudra passer par le XSL ! 


Alors que le HTML a été conçu pour afficher de l'information, le XML a été créé pour 
structurer de l'information. Il ne fait rien d'autre ! 


Remarque: une transformation XSLT transforme en réalité un document XML en un autre 
document XML. Si le document de sortie n'utilise que des balises HTML, on obtient un 
document XHTML. 


Voici un exemple de XML: 


<?xml version=".0"?> 
<demoxMLe- 

<message-Voici du XML<imessage- 
<idemo*XML> 


Ce qui affiché dans le Internet Explorer donne le résultat suivant. 


<?xnl version="1.0" ?> 
- <demnxMI > 
<message> Voici du XML</messagez> 
</demoxML> 


Le XML n'étant que de l'information encodée entre des balises, 1l faudra donner au navigateur 
d'autres éléments pour qu'il puisse "comprendre" vos balises et afficher ce fichier sous une 
forme plus conviviale. C'est là le rôle du XSL que nous étudierons ci-après. 


Le XSL est donc le complément indispensable pour l'affichage du XML. D'où notre titre: 


XML plus XSL ou XML + XSL. 
«® se 
— + 
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Reprenons notre fichier XML et associons lui un fichier (externe) XSL: 


<?xml version="1.0"?> 
<?xml-stylesheet type="textixsl" href="fichierxsl.xsl"?> 
<demoxML:- 
<message-Voici du XML<imessagez 
<idemoxMLe= 


Voici le fichier XSL: 


<?xml version="1 .0"?> 

<xslstylesheet xmins:xsl=" http: fins 43 .org/TRAAD-xsl"- 
<xsltemplate match="#"> 

<html- 

<hody> 

<xslvalue-of select="demoXMLimessage"/ 

<body> 

<ihtml 

<jxsltemplatez 

|<kxststylesheet- 


Attention! Remarquez que nous n'utilisons plus dans cet exemple le vieux xmins de 1999 
mais le plus récent. Dans cet exemple cela n'a aucune importance mais plus tard... 


Le résultat dans le navigateur est alors.….: 


HTEGEGENEN 
| y ad 


| ädresse [si C:\Document 


Voici du XML 


Beaucoup de travail et donc d'encodage pour un maigre résultat. Oh que non car la richesse 
des feuilles de style permettra de donner à l'affichage toute sa splendeur. 


Le XSL ne fait pas que cela ! 
Le XSL ne permet pas uniquement l'affichage de XML. II permet aussi: 


1. De sélectionner une partie des éléments XML (via des conditions ou des filtres ou 
XPath par la commande select) 


2. De trier des éléments XML. 

3. De filtrer des éléments XML en fonction de certains critères. 
4. De choisir des éléments. 

5. De retenir des éléments par des tests conditionnels. 


Le XSL pour eXtensible Stylesheet Language ou "langage extensible de feuilles de style" est 
une recommandation du W3C datant de novembre 1999. C'est donc un standard dans le 
domaine de la publication sur le Web. Le XSL est en quelque sorte le langage de feuille de 
style du XML. Un fichier de feuilles de style reprend des données XML et produit la 
présentation ou l'affichage de ce contenu XML selon les souhaits du créateur de la page. 
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Le XSL comporte en fait 3 langages: 


1. Le XSLT qui est un langage qui Transforme un document XML en un format, 
généralement en HTML, reconnu par un navigateur. 


2. Le Xpath qui permet de définir et d'adresser des parties de document XML (nous 
traiterons ce langage dans les détails plus tard) 


3. Le XML Formater (par l'espace de noms fo) pour "formater" du XML (transformé) de 
façon qu'il puisse être rendu sur des PocketsPC ou des unités de reconnaissance 


vocale. 


Pour la suite de ce tutorial, nous nous limiterons au XMLT et Xpath. Et comme dans la 
littérature relative à ce sujet, nous reprendrons le tout sous le terme général de XSL. 


Le langage XML est un langage de balises dérivé du langage XML. Le XSL reprend donc 
toutes les règles de syntaxe du XML (détaillée dans la partie relative au XML). 


Reprenons en bref: 
- les balises sensibles à la casse, s'écrivent en minuscules. 
- toutes les balises ouvertes doivent être impérativement fermées. 
- les balises vides auront aussi un signe de fermeture soit <balise/>. 
- les balises doivent être correctement imbriquées. 
- les valeurs des attributs doivent toujours être mises entre des guillemets. 
- le document XSL devra être "bien formé" [Well-formed]. 


A l'heure actuelle (m1-2001), seul Microsoft Internet Explorer depuis sa version 5 reconnaît 
le XML. Les exemples de ce tutorial ne fonctionneront donc qui si vous utilisez Internet 
Explorer 5 ou plus. 


Il faut préciser que le XML des versions 5 et 5.5 n'est pas compatible à 100% avec la 
dernière recommandation du W3C. Pour la petite histoire, Explorer 5 est apparu alors 
que le XSL n'était encore qu'au stage de projet ou de document de travail du W3C 
[working draft]. 


Le correcteur syntaxique XML (essai de traduction de "XML Parser") s'est affiné au fil des 
versions de Microsoft Internet Explorer: 


-  MSXML 2.0 est la référence du XML Parser de Internet Explorer 5.0 (mais pas 
compatible à 100%). 


-  MSXML 2,5 est la référence du XML Parser de IE 5.5 (en forte amélioration sans être 
parfait cependant). 


-  MSXML 3.0 est la dernière version du XML Parser. MSXML 3.0 peut déjà être 
téléchargé à partir du site de Microsoft et devrait être implémenté dans Internet 
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Explorer 6.0. A en croire les gens de Microsoft MSXML 3.0 et donc Internet Explorer 
6.0 serait à 100% compatible avec les spécifications XML et XSL du W3C. 


Cependant, avant de débuter, il est utile de préciser: 


1. Que le XSL est dérivé du XML. Le document XSL reprend donc la structure et la 
syntaxe de n'importe quel document XML. 


2. Que le document XSL comporte un document HTML ou XHTML qui sera quant à lui 
reconnu par le navigateur et qui servira de support à tout ou partie des données du 
document XML associé. 


3. Que le XSL fonctionne avec une ou plusieurs "templates", sorte de gabarit pour définir 
comment afficher des éléments du fichier XML. Les éléments concernés du fichier 
XML sont déterminés par l'attribut "match". 


Quelques informations préalables sur la syntaxe: 
<?xml version="1.0"?> 


Le XSL est dérivé du XML. Il est normal que le document XSL commence par la déclaration 
de document XML, soit <?xml version="1.0"?> 


<xsl:stylesheet xmins:xsl="http:/www.w3.org/TR/WD-xsl"> 


La seconde ligne déclare que le document est du XSL extensible stylesheet. L'attribut xmlns 
fait référence au "namespace" utilisé. 


Le namespace officiel du W3C est: 
xmins:xsl="http:/www.w3.org/1999/XSL/Transform" 


Pour la petite histoire 1999 fait référence à l'année d'apparition du concept XSL. Le xmins 
(incorrect) de Microsoft IE soit: 


xmins:xsl="http://www.w3.org/TR/WD-xsl" 


est dû au fait que le XSL a été implanté dans Internet Explorer 5.0 alors qu'il n'était encore 
qu'en cours d'élaboration (WD pour working draft) par le W3C. Mais il a cependant l'avantage 
de contenir certaines fonctions utiles qui n'existent pas avec la 1999. Par ailleurs dans ce 
document nous jonglerons avec les deux afin de bien mettre en évidence les différences. 


<xsl:template match="/"> 


Voila une balise template et son attribut match. Cette balise template va déterminer un gabarit 
dans lequel on va transformer des éléments du fichier XML sous une forme que le navigateur 
pourra afficher. Les éléments du fichier XML sont déterminés par l'attribut match="/". Le 
slash / entre guillemets signale que sont concernées toutes les balises XML du document (c'est 
du XPath) associé à partir de la racine [root]. 


<html> <body> 
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Début de la partie HTML qui servira de support pour l'affichage du document dans le 
navigateur. Attention, balises en minuscules ! 


<xsl:value-of select="chemin d'accès/élément"/> 

La balise <xsl:value-of> sera fréquemment utilisée car elle permet de sélectionner un élément 
du fichier XML associé pour le traiter dans le fichier XSL. Dans l'attribut select, on détermine 
le chemin d'accès vers la balise XML souhaitée (puisque le XML est structuré) comme le 
chemin d'accès de répertoire en sous-répertoire vers un dossier. Attention, on utilise bien 1ci1 le 
"forward slash" soit / . 

</body> </html> 
Fin de la partie en HTML. 

</xsl:template> 
La fermeture de la balise de template. 

</xsl:stylesheet> 
Le document XSL se termine obligatoirement par la fermeture de la balise de déclaration 
de document XSL. Attention ! Pour que ce fichier XSL soit d'une quelconque utilité, 11 
faut encore faire référence dans le fichier XML, au fichier XSL. 
On ajoutera donc dans le fichier XML: 


<?xmil-stylesheet type="text/xsl" href="nom_du_fichier_xs1.xsl"?> 


Cette balise indique au navigateur qu'une feuille de style [stylesheet] est associé au fichier 
XML et qu'il doit aller chercher le fichier de style à l'adresse indiquée par l'attribut href. 


5.1 XSL: For-each et Order-By 


Après cet aperçu théorique, étudions un exemple détaillé, soit une compilation de fichiers 
MP3. Voici un fichier XML que l'on reproduit dans le Bloc-notes ou Notepad (remarquez la 
référence au fichier OrderBy.xsl): 
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<?xml version=" 0" encoding="is0-8859-1"?7> 
<?xml-stylesheet type="textixsl" href="OrderBy.xsl"?> 
<compilation= 
<mp3> 
<itre-Foule sentimentale<titrez 
<artiste-4lain Souchon</artiste= 
<imp3> 
<mp3> 
<titre-Solaar pleure<fitre= 
<artiste-MC Solaar</artiste- 
<imp3> 
<mp3> 
<itre-Le baiser<fitre= 
<artiste-4lain Souchon</artiste= 
<imp3> 
<mp3> 
<itre-Pourtant<titre= 
<artiste-Yanessa Paradis</artiste= 
<imp3> 
<mp3> 
<itre-Chambre avec vue<titre- 
<artiste-Henri Salvador<jartiste= 
<imp3> 
<icompilation= 


Que l'on enregistre (non pas en type de document Texte) en " Type: Tous (*.*) ” sous le nom 
xmidemo avec une extension .xml. 


Passons maintenant au fichier XSL: 


Le but de l'exercice est de représenter la compilation de mp3 sous forme d'un tableau trié dans 
l'ordre croissant des noms d'artistes (attention prenez garde au namespace utilisé ci-dessous 
sinon quoi le order-by ne fonctionnera pas, nous ne faisons donc pas usage de la norme de 


19991): 


F?xml version="1 .0"?> 
<xslstylesheet xmins:xsl="http: five 3 or gi TRAND-xsl"> 
<xsltemplate match="/"> 
<htmi= 
<body> 
<table border="1" cellspacing="0" cellbadding="3"> 
<tr bgcolor="#FFFFO00"- 
<td-A4rtiste<td= 
<td>Titre<td- 
<ftr>= 
<xslfor-each select="compilationimp3" order-by="+artiste"- 
<tr> 
<td-<xslvalue-of select="artiste"/-<td> 
<td-<xslvalue-of select=titre"<td> 
<ftr>= 
<ixslfor-each> 
<ftable- 
<body> 
<ihtmle 
<ixsltemplatez 
<ixslstylesheet- 


Attention! Vous remarquerez que nous n'utilisons encore une fois pas le xmins de 1999. 
Essayez voir de le mettre et observez ce qu'il ce passe. Sinon il faut utiliser le xsl:sort avec 
oder="ascending" ou order="descending"! 
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Remarque: L'avantage de xsl:sort par rapport à Order-By c'est que nous pouvons faire des tris 
à clés multiples. 


Après les balises de départ d'un fichier XSL, on aborde un tableau tout à fait classique en 
HTML. On remplit la cellule du titre par la balise xsl:value-of avec l'attribut 
select="compilation/mp3 " qui indique comme chemin d'accès la balise racine compilation / la 
balise mp3. 


On enregistre en " Type: Tous (*.*) ” sous le nom OrderBy avec une extension .xsl. 


Nom : [asidemo.xsl 
[sr EE 
Z 


Et miracle, notre stupide fichier XML plein de balises devient un beau tableau sympathique: 


s1 C:\Documents and Settings Yince'\Mes docume 


| Fichier Edition Affichage Favoris Outils ? 


| LD Précédente. LL r x] E €) | 7 
| Adresse [ei C:\Documents and Settings\Vince\Mes doc 


Alan Souchon |Foule sentimentale 


Alain Souchon |Le baiser 


Henri Salvador | Chambre avec vue 


MC Solaar Solaar pleure 


Vanessa Paradis | Pourtant 


5.2 XSL: Select 


Le langage XSL est donc plus qu'une série de balises pour afficher du XML. II comporte 
aussi des possibilités plus qu'utiles quand on est confronté à des données. Nous verrons plus 
loin comment le XSL permet: 

- de trier les données XML en ordre croissant ou décroissant. 

- de filtrer des éléments XML en fonction de certains critères. 

- de choisir des éléments. 


- de retenir des éléments par des tests conditionnels. 


Le langage XSL permet donc aussi de filtrer les données du fichier XML associé selon des 
critères comme égal, pas égal, plus grand que, plus petit que. 
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Pour ce faire, il suffira d'utiliser l'attribut select="chemin_d'accès[balise='xxx']". Attention à 
ne pas mettre d'apostrophes ("") quand l'on fait un test sur une valeur numérique!!! 


Les autres opérateurs possibles sont: 


= pour égal , != pour différent (non égal), &gt; pour plus grand que, &lt; pour plus petit que 


Un peu abstrait peut-être ? Rien de tel qu'un exemple... 


Dans la compilation mp3, ne reprenons que les titres de l'artiste Alain Souchon. 
L'attribut select devient select="compilation/mp3l{artiste="Alain Souchon'|". 


Élaboration du fichier 


Prenons le fichier XML ci-dessous: 


<?xml version=" 0" encoding="is0-8859-1"?7> 
<?xml-stylesheet type="textixsl" href="ForEachSelect.xsl"?> 
<compilation= 


<mp3> 
<itre-Foule sentimentale<titrez 
<artiste-4lain Souchon</artiste= 
<imp3> 
<mp3> 
<titre-Solaar pleure<fitrez 
<artiste-MC Solaar</artistez 
<imp3> 
<mp3> 
<titre-Le haiser<fitre- 
<artiste-4lain Souchon</artistez 
<imp3> 
<mp3> 
<itre-Pourtant<titrez 
<artiste-Yanessa Paradis</artiste= 
<imp3> 
<mp3> 
<titre-Chambre avec vue<titre= 
<artiste-Henri Salvador</artiste- 
<imp3> 


<fcompilationz 
I 


Passons maintenant au fichier XSL 


S 


Nous allons reprendre dans notre compilation de mp3 en XML que les titres d'Alain Souchon: 
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k?xmi version="1 .0"?> 
<xslstylesheet xmins:xsl=" http: fiv 43 or g/TRAMND-xsl"- 
<xsltemplate match="#"> 
<html= 
<body> 
<table border="1" cellspacing="0" cellpadding="3"> 
<tr bgcolor="#FFFFO00"- 
<td-aértiste<td- 
<d>-Titre<td= 
<ftr> 
<xslfor-each select="compilationimp3[artiste="4lain Souchon]"= 
<tr> 
<td-<xslvalue-of select="artiste"/-<td>- 
<td-<xslvalue-of select="titre"/-<td- 
<ftr- 
<ixslfor-each> 
<ftable> 
<body> 
<ihtml= 
<ixsltemplate> 
<ixslstylesheet- 


On enregistre le fichier sous le nom ForEachSelect avec l'extension .xsl. 


Et voilà notre fichier avec uniquement les titres d'Alain Souchon: 


| Foule sentimentale | Alain Souchon 
[Le baiser Alain Souchon 


Trop facile, non ? 
5.3 XSL: If 


Mais on peut aussi choisir avec le XSL en faisant usage des balises <xsL:if> … </xsl:if> qui 
permettent d'effectuer un choix dans les données du fichier XML. On ajoutera l'attribut match 
où l'on indique l'élément choisi. Ce qui en résumé donne: 


<xsl:if match=".[balise='xxx']">balises HTM</xsl:if> 
Il n'existe pas de xsl:else dans en XSL... 


Elaboration du fichier Reprenons notre fichier XML (inchangé). 


«® 
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<?xml version=" 0" encoding="is0-8859-1"?7> 
<?xml-stylesheet type="textixs!" href="ifmatch.xsl"?> 
<compilationz 
<mp3> 
<itre-Foule sentimentale<titrez 
<artiste-4lain Souchon</artistez 
<imp3> 
<mp3> 
<itre-Solaar pleure<titre- 
<artiste-MC Solaar</artiste- 
<imp3> 
<mp3> 
<itre-Le baiser<titre- 
<artiste-4lain Souchon</artiste= 
<imp3> 
<mp3> 
<itre-Pourtant<titrez 
<artiste-Yanessa Paradis</artistez 
<imp3> 
<mp3> 
<titre-Chambre avec vue<titre= 
<artiste-Henri Salvador</artiste= 
<imp3> 
<icompilation= 


Passons maintenant au fichier XSL 


S 


Nous allons reprendre dans notre compilation de mp3 en XML que le(s) titre(s) de Vanessa 
Paradis. 


<?xml version="1.0"?> 
<xslstylesheet xmins:xsl=" http: fiv 43 or g/TRAMD-xsl"> 
<xsltemplate match="#"- 
<html: 
<body> 
<table border="1" cellspacing="0" cellpadding="3"> 
<tr bgcolor="#FFFF00"> 
<td-4rtiste<td= 
<td>-Titre<td= 
<ftr> 
<xslfor-each select="compilation/mp3"> 
<xslif match=" [artiste="Yanessa Paradis']"- 
<tr> 
<td>-<xslvalue-of select="artiste"/-<td> 
<td-<xslvalue-of select="titre"/-<td> 
<ftr- 
<ixstif> 
<ixslfor-each> 
<ftable- 
<body> 
<ihtml= 
<ixsitemplatez 
<ixslstylesheet- 


On enregistre le fichier sous le nom ifmatch.xsl. 
On revient au fichier XML et on y ajoute la balise pour y associer le fichier XSL. 


Et voilà notre fichier avec uniquement le titre de Vanessa Paradis. 
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‘4 C:\WINDOWS\Bureau\xml_ if xml - Microsoft Int … ie] E24 
| Fichier Edition fichage Favoris Outils 2 


Pourtant | Vanessa Paradis 


Attention!!!! Avec le standard 1999 du XSL la condition IF s'écrit: 
<xsl:if test="balise='xxx"">balises HTM</xsl:if> 
donc "match" est remplacé par "test" et les crochets ainsi que le point disparaissent. 


5.4 XSL: Key 


Il y a une autre manière de faire des conditions en utilisant des sortes de changement de 
variables à l'aide de l'instruction key. Voyons de quoi il s'agit en prenant toujours pour base 
notre fichier simple.xml: 


<?xml version="1 0" encoding="is0-8859-1"?> 
<?xml-stylesheet type="textixsl" href="key[xsl"?> 
<compilation= 
<mp3> 
<itre-Foule sentimentale<titrez 
<artiste-4lain Souchon</artiste- 
<imp3> 
<mp3> 
<titre-Solaar pleure<fitre= 
<artiste-MC Solaar</artistez 
<imp3> 
<mp3> 
<titre-Le baiser<titre- 
<artiste-4lain Souchon</artiste= 
<imp3> 
<mp3> 
<itre-Pourtant<titre- 
<artiste-Yanessa Paradis</artiste- 
<imp3> 
<mp3> 
<titre-Chambre avec vue<titre= 
<artiste-Henri Salvador<jartiste= 
<imp3> 
<fcompilation= 


et maintenant, tout en prenant garde à changer la version des instructions XSL ainsi que la 
définition nous faisons la transformation consistant à prendre que les titre d'Alain Souchon 
mais en utilisant un changement de variable: 
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<?xml version="1.0"?> 


<xslstylesheet version=" 0" xmins:xsl=" http: fiann 5 org 999/XSLITransform"> 
<l- Attention ne pas oublier de definir la version 1.0 et le ns 1999 lors de l'utilisation de key --> 


<xslkey name="preg" match="mp3" use="artiste"/ 


<xsltemplate match="f"> 
<html> 
<hody> 
<table border="1" cellspacing="0" cellpadding="3"> 
<tr bacolor="#FFFFO00"- 
<td-A4rtiste<td> 
<td>Titre<td- 
<tr- 
<xslfor-each select="key(preg''4lain Souchon')"- 
<tr> 
<td-<xslvalue-of select="artiste"/-<td> 
<td-<xslvalue-of select=titre"/<td> 
<tr- 
<ixslfor-each> 
<ftable= 
<Hbody> 
<ihtmle 
<ixsitemplate= 
<ixststylesheet>| 


Le résultat sera alors simplement: 


Alan Souchon |Foule sentimentale 


Alan Souchon |Le baser 


L'instruction key est souvent utilisée dans le traitement de gros fichiers XML qui nécessitent 
souvent des instructions XPath longues. Ainsi, avec key l'instruction XPath est stockée dans 
l'attribut use et réutilisable à tout moment dans la transformation XSL. 


5.5 XSL: Choose 


Le XSL permet également de faire un choix conditionnel par la balise <xml:choose>. A 
l'intérieur de cette balise, on peut déterminer une action lorsque une condition est vérifiée 
[<xsl:when] et dans le cas contraire prévoir une autre action [xsl:otherwise]. 


<xsl:choose> 
condition vérifiée  <xsl:when test=".[artiste='Alain Souchon'|"> 
<tr bgcolor="#00FF00"> 
<td> <xsl:value-of select="titre"/> </td> 
<td> <xsl:value-of select="artiste"/> </td> 
</tr> 
</xsl:when> 


sinon <xsl:otherwise> 
<tr> 
<td> <xsl:value-of select="titre"/> </td> 
<td> <xsl:value-of select="artiste"/> </td> 
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</tr> 
</xsl:otherwise> 
</xsl:choose> 


Un peu abstrait peut-être ? Rien de tel qu'un exemple... 


Reprenons notre fichier XML (inchangé). 


<?xml version="1 0" encoding="is0-8859-1"?> 
<?xml-stylesheet type="text/xs!" href="whenchoose.xsl"?> 
<compilation= 
<mp3> 
<itre-Foule sentimentale<fitre= 
<artiste-4lain Souchon</artistez 
<imp3> 
<mp3> 
<itre-Solaar pleure<fitrez 
<artiste=-MC Solaar</artiste= 
<imp3> 
<mp3> 
<itre-Le baiser<fitre= 
<artiste-4lain Souchon</artistez 
<imp3> 
<mp3> 
<itre-Pourtant<fitre= 
<artiste-Yanessa Paradis</artiste= 
<imp3> 
<mp3> 
<itre-Chambre avec vue<titre= 
<artiste-Henri Salvador</artistez 
<imp3> 
<icompilations 


Passons maintenant au fichier XSL 


Nous allons reprendre dans notre compilation de mp3 en XML tous les titres d'Alain Souchon 
que nous afficherons dans une colonne verte, les autres seront affichés normalement. 
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<?xml version=".0"?> 
<xslstylesheet xmins:xsl=" http: lv 43 or g/TRAND-xsl"- 
<xsltemplate match="#"> 


<html: 
<body> 


<table border="1" cellspacing="0" cellbadding="3"> 


<tr bgcolor="#FFFFO0"- 
<td-Artiste<td> 
<td>Titre<td> 
<tr>- 
<xslfor-each select="compilationinp3"- 
<xsl:choosez 
<xsl when test=" {artiste='4lain Souchon]">- 
<tr bgcolor="#00FFO00"- 
<td-<xslvalue-of select="artiste"/-<td> 
<td-<xslvalue-of select="titre"/-<td> 
<ftr>= 
<jxsl' when 
<xslotherwisez 
<tr> 
<td-<xslvalue-of select="artiste"/-<td> 
<td-<xslvalue-of select="titre"/-<td> 
<ftr= 
<ixslotherwisez 
<ixsichoosez 
<{xslfor-each> 


<ftable- 


<body> 


<ihtmle 


<ixsltemplate- 
<ixslstylesheet- 


On enregistre le fichier sous le nom whenchoose.xsl. 


Et voilà notre fichier avec uniquement les titres d'Alain Souchon. 


WINDOWS \Bureau\xmil_choose.xml - Micr 


[ Fichier Edition Affichage Favoris Outils 7? 


Solaar pleure MC Solaar 


| Pourtant 


Vanessa Paradis 


| Chambre AVEC VUE Heart Salvador 


En tant qu'exercice, vous pouvez si vous le désirez rajouter dans le même fichier, un tri (by- 


order), un formatage conditionnel (when) et un filtre (if). 


Attention!!! Idéalement 1l faudrait utiliser le nouveau standard tel que votre fichier XSL 


commence par: 
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<?xml version="1 .0"?> 
<xslstylesheet xmins:xsl=" http: fiv 3 org" 999/XSL/Transform" ersion=" .0"> 


et que la partie avec le test conditionnel s'écrive: 


<xsl'whentest="artiste="4lain Souchon"> 


5.6 XSL: Variable 


Nous allons voir ici une autre possibilité de XSL: la manipulation de variables. 


Il est effectivement possible d'éffecteur quelques opérations élémentaires en XSL comme la 
division, la multiplication. l'addition, la soustraction, le calcul du modulo, etc. 


A partir de ces éléments 1l est possible d'effectuer des choses remarquables proches des 
éléments élémentaires du JavaScript comme la création de calendriers, la génération de 
fractales, des calculs financiers et autres si le cœur, les possibilités et les connaissances nous 
le permettent. 


Pour un exemple nous allons réutiliser un fichier XML déjà connu mais modifié un tantinet 
étant donné que maintenant il contient un nœud de prix. 


<?xml version=" 0" encoding="is0-8859-1"?7> 
<?xml-stylesheet type="textixsl" href="Yariable.xsl"?> 
<compilation= 
<mp3> 
<itre-Foule sentimentale<titre= 
<artiste-4lain Souchon</artistez 
<prix=10.50<jprix= 
<imp3> 
<mp3> 
<itre-Solaar pleure<fitrez 
<artiste=-MC Solaar</artiste= 
<prix215.20<jprix= 
<imp3> 
<mp3> 
<itre-Le baiser<fitre- 
<artiste-4lain Souchon</artistez 
<prix»13.50<jprix> 
<imp3> 
<mp3> 
<itre-Pourtant<titre- 
<artiste-Yanessa Paradis<jartiste= 
<prix-8.50<jprix> 
<imp3> 
<mp3> 
<itre-Chambre avec vue<fitre- 
<artiste-Henri Salvador</artistez 
<prix=18.50<jprix> 
<imp3> 
<icompilations 


A partir de ce fichier, nous souhaitons produire une table avec 3 trois colonnes pour chacun 
des informations présentes des les nœuds mp3 mais en y rajoutant une colonne calculée 
donnant la TVA et finalement avec une commande XPath, la somme totale. 


Le fichier XSL correspondant est alors "simplement" le suivant: 
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<?xml version="1.0"?> 
<xslstylesheet xmins:xsl=" http: lv 43 org" 999/XSL/Transform" ersion=" .0"> 
<xsltemplate match="f"> 
<html: 
<body> 
<table border="1" cellspacing="0" cellpadding="3"> 
<tr bgcolor="#FFFFO00"> 
<td-a4rtiste<td- 
<td>Titre<td> 
<td-Price<td= 
<d-TY4<td> 
<ftr= 
<xslfor-each select="compilationimp3"> 
<tr> 
<td-<xslvalue-of select="artiste"<td> 
<td-<xslvalue-of select=titre"i-<td> 
<td-<xslvalue-of select="prix"/<td> 
<xslvariable name="price" select="prix"# 
<xsl variable name="priceTY4" select="$price*0.076"/> 
<td-<xslvalue-of select="format-number($priceT 24 0.00"-<td> 
<tr- 
<ixslfor-each> 
<ftable> 
<Hbody> 
<ihtml- 
<ixsitemplatez 
<ixslstylesheet>| 


Le résultat sera alors: 


Alain Souchon |Foule sentimentale | 10.50 | 0.08 
MC Solaar Solaar pleure 15.20 11.16 


Alain Souchon |Le baser 13.5011.03 
Vanessa Paradis | Pourtant 8.30 


Henn Salvador |Chambre avec vue | 18.50 


5.7 XSL: Attributs et images 


Faisons un peu plus compliqué maintenant en utilisant également les "attributs" des balises, 
les tris, et les images. Soit le fichier XML suivant: 


<?xml version="1.0" encoding="iso-8859-1"?> 
<?xmli-stylesheet type="text/xsl" href="affichage.xs|"?> 
<taches> 
<tache titre="faire xml" id="204"> 
<importance abbr="H" id="2"-Haute</importance> 
<type id="3"-Rangement</type> 
<responsable rec="manager" sex="female" id="3"-Curie</responsable> 
<delais> 
<debut> 
<annee>2004</annee> 
<mois>-02</mois> 
<jour>23</jour> 
</debut> 
<in> 
<annee>2004</annee> 
<mois>-02</mois> 
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<jour>23</jour> 

</fin> 
</delais> 
<creation> 

<annee>2004</annee> 

<mois>-02</mois> 

<jour>23</jour> 
</creation> 
<description-Apprendre XML, XSD et XSL</description> 
<statut-50%</statut> 


</tache> 
<tache titre="faire XSL" id="205"> 


<importance abbr="H" id="2"-Basse</importance> 
<type id="3"-Rangement</type> 
<responsable rec="manager" sex="female" id="3"-Isoz</responsable> 
<delais> 
<debut> 
<annee>2004</annee> 
<mois>-02</mois> 
<jour>23</jour> 
</debut> 
<in> 
<annee>2004</annee> 
<mois>02</mois> 
<jour>23</jour> 
</fin> 
</delais> 
<creation> 
<annee>2004</annee> 
<mois>-02</mois> 
<jour>23</jour> 
</creation> 
<description>ha ha ha</description> 
<statut-50%</statut> 


</tache> 


Dont le fichier XSD schématique correspondant est: 
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Caches — ue. à 


tasks xml 1.0 
scheme fot the 


responsable E 


[creati. GE mois 


jour 


statut 


et le code XSD associé: 


<?xml version="1.0" encoding="UTF-8"?> 
<!-- edited with XMLSpy v2006 sp2 U (http://www.altova.com) by isoz --> 
<Xs:schema xmins:xs="http://"ww.ws.org/2001/XMLSchema" elementFormDefault="qualified" 
attributeFormDefault="unqualified"> 
<xs:element name="taches"> 
<Xs'annotation> 
<Xs:documentation>tasks xml scheme fot the company</xs:documentation> 
</xs'annotation> 
<Xs:complexType> 
<XS:sequence> 
<Xs:element name="tache" maxOccurs="unbounded"> 
<xs:complexType> 
<Xs:sequence> 
<xs'element name="importance"> 
<Xs:complexType> 
<xs:simpleContent> 
<Xs:extension base="xs:string"> 
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<Xs‘attribute name="abbr" type="xs:string"/> 
<Xs‘attribute name="id" type="xs:integer"/> 


</xs'extension> 
</xs:simpleContent> 
</xs:complexType> 
</xs'element> 
<Xs:element name="type"> 
<xs:complexType> 
<xs'simpleContent> 


<Xs:extension base="xs:string"> 
<Xs‘attribute name="id" type="xs:integer"/> 


</xs‘extension> 
</xs:simpleContent> 
</xs:complexType> 
</xs'element> 


<Xs:element name="responsable"> 


<xs:complexType> 
<Xs:simpleContent> 


<xs:extension base="xs:string"> 
<xs‘attribute name="rec" type="xs:string"/> 
<Xs‘attribute name="sex" type="xs:string"/> 
<Xs‘attribute name="id" type="xs:integer"/> 


</xs'extension> 
</xs:simpleContent> 
</xs:complexType> 
</xs:element> 
<xs'element name="delais"> 
<Xs:complexType> 
<Xs'sequence> 


<xs:element name="debut"/> 
<xs:element name="fin"/> 


</xsS'sequence> 
</xs:complexType> 
</xs'element> 
</XS'sequence> 


<xs:attribute name="titre" type="xs:string"/> 
<xs:attribute name="id" type="xs:integer"/> 


</xs:complexType> 
</xs:element> 
</xsS'sequence> 
</xs:complexType> 
</xs'element> 
</xs'schema> 


Et traitons-le avec le fichier XSL donné ci-dessous et utilisant la syntaxe du xmins de 1999 
(on peut faire beaucoup mieux et cela pourrait être demandé par votre formateur en tant 


qu'excicice.….): 


<?xml version="1.0" encoding="1SO-8859-1"?7> 


<Xsl:stylesheet version="1.0" xmins:xsl="http://www.ws3.org/1999/XSL/Transform"> 


<xsl'template match="/"> 
<html> 
<body> 
<h2>Mes taches</h2> 
<br/> 


<!--parcoure tous les champs et n'affiche qu'un manager donné--> 


<xsl:for-each select="taches/tache"- 


<l--<xsl'for-each select-"taches/tache[responsable='Curie']">--> 


<!--ri par importance--> 
<xsl:sort select="importance"/> 
<img src="pin.gif" align="absmiddle"></img> 


<i>Responsable: </i><xsl:value-of select="responsable"/> 


<br/><br/> 

<i>Sexe: </i-<xsl:value-of select="responsable/@sex"/> 
<br/><br/> 

<i>Description: </i><xsl:value-of select="description"/> 
<br/><br/> 

<xsl:if test="importance='Haute"> 
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<font color="#FF0000"> 
<img src="{importance}.gif" align="absmiddle"-</img><xsl:value-of select="importance"/> 
</font> 
</xslif> 
<xsl:if test="importance='Basse""> 
<font color="#ff00ff"> 
<img src="{importance}.gif" align="absmiddle">-</img>-<xsl:value-of select="importance"/> 
</font> 
</xslif> 
<br/><br/> 
</xsl'for-each> 
</body> 
</html> 
</xsl'template> 
</xsl'stylesheet> 


Le même fichier (pour la culture générale et c'est intéressant!) mais avec la syntaxe du 
namespace WD: 


<?xml version="1.0" encoding="ISO-8859-1"?> 
<xsl:stylesheet xrins xS1" AB MNNEMS OT /TRANIDEXSI > 
<xsl'template match="/"> 
<html> 
<body> 
<h2-Mes taches</h2> 
<br/> 
<xsl:for-each select="taches/tache" order-by="+importance"> 
<img src="pin.gif" align="absmiddle"></img> 
<i>Responsable: </i><xsl:value-of select="responsable"/> 


<br/><br/> 

<i>Sexe: </i-<xsl:value-of select="responsable/@sex"/> 
<br/><br/> 

<i-Description: </i-<xsl:value-of select="description"/> 
<br/><br/> 


<xslif match="[importance="'Haute "> 
<font color="#FF0000"> 


<xsl:value-of select-"importance"/> 
</font> 

</xsl:if> 

<xsl:if match="importance='Basse "> 
<font color="#FF0000"> 


<xsl:value-of select="importance"/> 
</font> 
</xsl'if> 
<br/><br/> 
</xsl:for-each> 
</body> 
</html> 
</xsl:'template> 
</xsl:stylesheet> 


On voit que la syntaxe change nettement et en particulier tout ce qui concerne les attributs ! 
Par exemple (particuliers): 


1999 WD 


<img src="NomDuNoeud "> <img> <xsl: attribute name="src"> 
<xsl:value-of select="NomDuNoeud/@ NomAttributDuNoeud"}> 
</xslattribute></img> 


<a name=" NomDuNoeud "> <a><xsl: attribute name="name"> 
<xsl:value-of select=" NomDuNoeud "> 
</xsl:attribute> </a> 


<option value="@NomAttribut"> <option> <xsl: attribute name="value"> 
<xsl:value-of select="@NomAttribut"l> 
</xsl:attribute></option> 
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Dans le même dossier que celui où vous avez enregistré les fichiers tache.xml et affichage.xsl 
rajoutez les images suivantes (prenez garde au nom des images qui correspondent aux valeurs 
des balises <importance> de notre fichier XML d'origine): 


& @ 8 


basse. gif Haute. gif pin. gif 
L'affichage du traitement donne le résultat ci-dessous: 


1@ Précédente.r 7. r Lx] FE en | P Re 


| Adresse [se C:\Documents and Settings\Yince\Mes documen 


Mes taches 


B& Responsable: Isoz 

Sexe: female 

Description: ha ha ha 

Basse 

& Responsable: Curie 

Sexe: female 

Description: Apprendre ML, XSD et XSL 
@EHaute 


Pas mal non... et vous allez-voir on va faire encore mille fois mieux. 


5.8 XSL: Grouping 


Depuis XPath 2.0 il est possible de faire de manière assez simple une agrégation 
(regroupement) de données se trouvant dans un fichier XML (attention! 1l faut une version 
récente de XMLSpy pour tester l'exemple avec grouping.. en tout cas ultérieure à 2006). 


Considérons le fichier products.xml suivant: 
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<?xml version="1 .0" encoding="UTF-8"?> 
<?xml-stylesheet type="textixsl" href="Transform.xsl"?> 
<products> 
<product> 
<name-Crunch chocolate bar</namez 
<category-4<icategory> 
<price-10<iprice= 
<iproduct= 
<product= 
<name-Cereals<inamez 
<category-B<icategory> 
<price-20<jpricez 
<iproduct= 
<product= 
<name>-Lindt chocolate bar</namez- 
<category-4<icategory> 
<price-20</price= 
<iproduct= 
<iproducts> 


Nous souhaiterions à partir de ce fichier XML générer un autre fichier XML dans lequel les 
produits sont rangés par catégories (pour générer un fichier XML à partir d'un fichier XML il 
n'est donc pas nécessaire d'avoir une version récente de XMLSpy par contre!). 


Pour ce faire, il faudra créer le fichier transform.xsl suivant: 


<?xml version=" 0" encoding="UTF-6"?> 

<l-- Attention ne marche qu'avec la version 2 du XSL --» 

<xslstylesheet xmins:xsl="http: fin 3 org 999/XSL/Transform" version="2.0"> 
<xsloutput method="xml" indent="yes" version=" .0" encoding="UTF-8"/> 


<xsltemplate match="products"- 
<products= 
<xslfor-each-group select="product" group-b="category"- 
<category name="{current-grouping-key(}"> 


<xslfor-each select="current-group()"- 
<product- 
<xslvalue-of select="name"/- 
<iproduct= 
<ixslfor-each> 
<icategory> 
<ixslfor-each-group> 
<iproducts> 
</xsitemplate= 


<ixslstylesheet- 


Remarquez la référence à la version 2.0 du namespace XSL et l'utilisation d'attributs de 


regroupement. Ensuite, dans XMLSpy, retournez dans le fichier XML et cliquez sur ES pour 
que le parsage et la transformation en XML soit effectuée. 


Vous obtiendrez alors le résultat suivant: 
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<?xml ersion="1 0" encoding="UTF-68"7> 
<products> 
<category name="4"> 
 <product-Crunch chocolate bar</product- 
i <product-Lindt chocolate bar<iproduct- 
<icategory> 
<category name="8"> 
i <product-Cereals<iproduct» 
<icategory> 
<iproducts- 


5.9 XSL: Templates, formulaires et javascript 


Plus compliqué encore et toujours avec le même fichier XML et avec les mêmes petites 
images: 


1. Nous allons créer un élément de formulaire avec une liste déroulante qui se remplit à 
partir du contenu du fichier XML et allant directement à la tâche choisie en utilisant 
du Javascript et des "ancres". 


2. Dans le fichier XSL plutôt que d'afficher la liste des tâches simplement, nous allons 
créer un modèle" de traitement à l'extérieur de l'affichage de la page web afin de 
pouvoir l'utiliser au besoin plusieurs fois en ayant à l'écrire qu'une seule fois !!! 
(comme les fonctions en programmation en quelque sorte) 


Voici le fichier XSL avec la norme de 1999! (nommez le fichiers selon votre convenance): 


<?xml version="1.0" encoding="1SO-8859-1"?> 
<Xsl:stylesheet version="1.0" xmins:xsl="http://www.ws3.org/1999/XSL/Transform"> 
<l--Attention bien observer la ligne juste en-dessous pour plus tard!!--> 
<Xsl:'template match="/"> 

<html> 

<head> 

</head> 


<body> 
<h2>Mes taches</h2> 
<br/> 
<l--même chose que précédemment mais sans for each--> 
<form name="form1i" method="post" action="> 
<select name="menu" onChange="document.location="#"+this.value"- 
<option selected="">- votre choix -</option> 
<Xsl:for-each select="taches/tache"> 
<option value="{@id}"-<xsl:value-of select="@titre"/></option> 
</xsl:for-each> 
</select> 
<l/form> 
<Xsl:apply-templates select="taches/tache"> 
<!--<xsl'apply-templates select-"taches/tachel[importance='Haute]"---> 
<xsl:sort select=-"importance"/> 
</xsl:apply-templates> 
</body> 
</html> 
</xsl'template> 


<xsl'template match="tache"> 
<img src="pin.gif" align="absmiddle"></img> 


l'Attention! Si vous utiliser le WD il ne faut pas oublier de changer tous les attributs ah-hoc selon le tableau vu 
plus haut 
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<a name="{@id}"></a> 

<i>Responsable: </i><xsl'value-of select="responsable"/> 

<br/><br/> 

<i>Sexe: </i-<xsl:value-of select="responsable/@sex"/> 

<br/><br/> 

<i>-Description: </i-<xsl:value-of select="description"/> 

<br/><br/> 

<xsl:if test="importance='Haute"- 
<font color="#FF0000"> 
<img src="{importance}.gif" align="absmiddle">-</img><xsl:value-of select="importance"/> 
</font> 

</xslif> 

<xsl:if test-"importance='Basse"> 
<font color="#ff00ff"> 
<img src="{importance}.gif" align="absmiddle">-</img>-<xsl:value-of select="importance"/> 
</font> 

</xsl'if> 

<br/><br/> 

</xsl'template> 


</xsl'stylesheet> 


Le résultat dans le navigateur étant: 


| Ky Précédente » «D + Lx 
| Adresse [3 C:\Documents and 5e 


Mes taches 


[- votre choix - “| 


- votre choix - 


faire xml 
faire XSL 


Sexe: female 


Description: ha ha ha 
Basse 
Responsable: Curie 
Sexe: female 
Description: ha ha ha 


@EHaute 


Nous voyons bien que les tâches de notre fichier XML sont toutes dans la liste et lorsque nous 
faisons un choix, le navigateur nous amène directement à celle-ci. 


5.10 XSL: Substring et javascript 


Nous allons maintenant revenir sur un exemple que nous avions fait au début de notre étude 
de l'XML mais de manière non rigoureuse. Soit le fichier XML suivant: 


XML 60/257 


V.ISOZ Version du 2015-09-22 


<?xml version=" 0" encoding="150-8859-1"?> 
<racine> 
<enfant- 
<nom>Loic</nom> 
<lien-garçon<iienz 
<date-07M1/63</datez 
<data-Le petit qui me dépasse d'une tête .<idataz 
<fenfant- 
<enfant- 
<nom>-Marine</nome 
<liensfille<fienz 
<date-20A2/#85</date- 
<data-La petite fille chérie à son papa.</data> 
<fenfant- 
<iracine| 


Maintenant, si vous faites un fichier XSD correspondant (voir le chapitre sur MS Word 2003 
pour faire cela): 


La Famille de l'entreprise 


<?xml version=" .0" encoding="UTF-8"?> 
<l-- edited with XMLSpy v2005 rel. 3 U (http: {www atova.com) by 1507 Vincent (Sciences.ch) --> 
<xs:schema xmins:xs=" http: fn 3 org/2001 /XMLSchema" elementFormDefaut="qualified" attributeFormDefault="unqualified"= 
<xs:element name="racine"- 
<xs:annotation= 
<xs:-documentation-La famille de l'entreprise</xs: documentation 
<ixs:annotation> 
<xs:complexTypez= 
<xs:sequence maxOccurs="unbounded"- 
<xs:element name="enfant"- 
<xs:complexTypez= 
<XS:sequence> 
<xs:element name="nom"t;pe="xs:string"/# 
<xs:element name="lien" type="xs:string"/ 
<xs:element name="date"type="xs:date"t- 
<xs:element name="data" type="xs:string"{# 
</Xs:sequencez 
</xs:complexType> 
<ixs:element: 
<iXs:sequencez 
<{xs:complexType> 
<ixs:element- 
</xs:schema>= 


Les dates étant au format 07/11/83 dans le fichier XML elles ne sont pas conformes donc le 
fichier XML ne pourra être validé !!! 


Pour les rendre conforme, vous devez alors les changer tel que ci-dessous: 
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<?xml version=" 0" encoding="is0-8859-1"?> 
<?xml-stylesheet type="text/xsl" href="XSLStyleSheet.xsl"?> 
<racine xmins:xXsi="http: fn 5 or gf2001 MLSchema-instance" xsinoNamespaceSchemaLocation="Scheme.xsd"- 
<enfant- 
<nom>-Loic</nom> 
<lien-garçon<iienz 
<date-2004-10-25<jdate- 
<data-Le petit qui me dépasse d'une tête </data> 
<fenfant- 
<enfant- 
<nom-Marine</nom> 
<lien>fille<fiens 
<date-1985-12-20</date- 
<data-La petite file chérie à son papa.</data> 
<fenfant- 


<jracine> 
Il 


La question est ensuite... mais comment dans le fichier XSL parser la date au format que 
nous voulons ??? Eh bien ce n'est pas compliqué et par ailleurs même important pour les gens 
travaillant avec MS InfoPath?, voici le fichier XSL correspond pour afficher les dates au 
format jj.Mmm.aaaa: 


<?xml version=" 0" encoding="50-8859-1"?7> 
<xslstylesheet version=" 0" xmins:xsl="http: fa 3 org" 999/XSLiTransform"- 
<xsltemplate match="#"- 
<html= 
<body style="font-family:4rial, font-size:12pt;"> 
<xslfor-each select="racine/enfant"- 
<div, style="hackground-color:teal, color:white;"- 
<span style="font-weight: hold, color:white; padding: 4px"> 
<xslvalue-of select="nom"# 
<{span> 
- <xslvalue-of select="lien"{- 
<idiv> 
<div style="margin-left:20px,; font-size:10px"> 
<span-änniversaire le 
<xslvalue-of select="format-number(substring(date, 9,2), "00" 
<xsitext-.<ixsltext- 
<xslvalue-of select="format-number(substring(date, 6, 2), '00")"/>= 
<xsitext=. </xsltext- 
<xslvalue-of select="format-number(substring(date, 1, 4), "0000" 
<{span> 
<span style="font-style:italic"- - <xsl:value-of select="data"i- 
<ispan> 
<idis> 
</xslfor-each> 
<body> 
<ihtml= 
<ixsltemplatez 
<ixslstylesheet- 


Attention!!! Le xmins de 1999 contrairement au WD de Microsoft ne permet pas le parsage 
des nœuds avec préfixes (ou "espace de noms" abusivement). Dès lors, pour parser un fichier 
XML tel que celui-ci: 


<?xml version="1.0" encoding="iso-8859-1"?> 

<?xmlistylesheet type="text/xs!" href="Parser.xsl"?> 

<chantiers xmins:cls="http://www.colas.ch"> 
<cis:chantier> 


? Logiciel de création de formulaires qui transforme automatiquement les dates au format américain dans le 
fichier XML résultant. Nous verrons par ailleurs un exemple plus loin de ce logiciel. 
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<cls:responsable-Isoz</cls:responsable> 
<clsimandataire-Confédération</cls:mandataire> 
<cls:duree-80</cls:duree> 
<cls:ressources>150</cls:ressources> 
<cis:lieu>Geneve</clis:lieu> 
<cls:date-2005-07-10</cls:date> 

<lcls:chantier> 

<cis:chantier> 
<cls:responsable>Garcia</cls:responsable> 
<clsimandataire-Commune</cls:mandataire> 
<cls:duree-50</cls:duree> 
<cls:ressources>150</cis:ressources> 
<cis:lieu>Geneve</cls:lieu> 
<cls:date-2006-05-31</cis:date> 

<lcls:chantier> 

<clis:chantier> 
<cls:responsable>Miéville</cls:responsable> 
<clsimandataire-Commune</cls:mandataire> 
<cls:duree>20</cls:duree> 
<cls:ressources-200</cls:ressources> 
<cis:lieu-Lausanne</cis:lieu> 
<cls:date-2006-01-12</cls:date> 

</cls:chantier> 

</chantiers> 


Le désir de déclarer le début du fichier XSL avec: 


<xsl:stylesheet version="1.0" xmins:xsi="http:/"ww.ws.org/TR/WD-xsl"> 


est plus que tentante (surtout pour les utilisateurs d'InfoPath qui intègre le préfixe my par 
défaut dans les formulaires). Le problème avec le WD c'est que la fonction substring que nous 
souhaiterions utiliser pour formater nos dates correctement n'est pas reconnue et renverra un 
message d'erreur. 


Il faut alors ruser un peu et utiliser du Javascript tel que proposé ci-dessous pour l'exemple de 


nos chantiers: 

<?xml version="1.0" encoding="iso-8859-1"?> 

<Xsl:stylesheet version="1.0" xmins:xsl="http://www.ws3.org/TR/WD-xsl"> 
<xsl:'template match="/"> 

<html> 

<body> 


<table width="50%"> 
<tr> 
<td>responsable</td> 
<td>mandataire</td> 
<td>-duree</td> 
<td>-lieu</td> 
<td-date</td> 
</tr> 
<xsl:for-each select="chantiers/cls:chantier"> 
<r> 
<td>-<xsl:value-of select="cls:responsable"/-</td> 
<td>-<xsl:value-of select="cls:mandataire"/-</td> 
<td-<xsl:value-of select-"cls:duree"/></td> 
<td>-<xsl:value-of select="cls:lieu"/></td> 
<td> 
<script> 
str="<xsl'value-of select-"cls:date"/>".substring(5,7); 
document.write(str) 
document.write(".') 
str="<xsl'value-of select="cls:date"/>".substring(8,10); 
document.write(str) 
document.write(".') 
str="<xsl'value-of select-"cls:date"/>".substring(0,4); 
document.write(str) 
</script> 
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</td> 
</tr> 
</xsl'for-each> 
</table> 


</body> 
</html> 
</xsl'template> 


</xsl'stylesheet> 


On remarquera la partie script qui utilise du Javascript pour formater les dates correctement! 


5.11 Exercice: CSS ZenGarden 


Et maintenant le plus fort (pour l'esthétique) mais en version light. Soit le fichier XML 
suivant (1l ne contient que les titres des paragraphes de la page que vous allez voir mais nous 
laissons le lecteur faire de même pour tout le reste du texte — cela constitue un bon exercice 
par ailleurs): 


<?xml version="1.0" encoding="iso-8859-1"?> 
<?xml:stylesheet type="text/xsl" href="Zen Garden.xsl"?> 
<l-- les commentaires sont comme en html --> 
<titres> 
<titre1> 
The Road to Enlightenment 
</titre1> 
<titre2> 
So What is This About? 
<l/titre2> 
<titre3> 
Participation 
<l/titre3> 
<titre4> 
Benefits 
<l/titre4> 
<titre5> 
Requirements 
<l/titre5> 
<titre6> 
Select a Design: 
<l/titre6> 
<titre7> 
Archives: 
<l/titre7> 
<titre8> 
Resources: 
<l/titre8> 
</titres> 


Et soit le fichier XSL suivant (alors là c'est vrai qu'il faut bien connaître l'XHTML...): 


<?xml version="1.0" encoding="1SO-8859-1"?> 

<Xsl:stylesheet version="1.0" xmins:xsl="http:;//www.ws3.org/1999/XSL/Transform"> 
<Xsl:template match="/"> 

<HTML> 

<HEAD> 

<TITLE>css Zen Garden: The Beauty in CSS Design</TITLE> 

<STYLE title="currentStyle" iype="text/css"x@import url(002.css M</STYLE> 
</HEAD> 

<BODY id="css-zen-garden"> 

<Xsl:for-each select="titres"> 

<DIV id="container"> 

<DIV id="intro"> 

<DIV id="pageHeader"> 
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<H1><SPAN>css Zen Garden</SPAN></H1> 

<H2><SPAN>The Beauty of <ACRONYM title="Cascading Style Sheets"-CSS</ACRONYM> 
Design</SPAN></H2></DIV> 

<DIV id="quickSummary"> 

<P class="p1"><SPAN>A demonstration of what can be accomplished visually through 
<ACRONYM title="Cascading Style Sheets"-CSS</ACRONYM>-based design. Select any 
style sheet from the list to load it into this page.</SPAN></P> 

<P class="p2"><SPAN>Download the sample <A 

tile="This page's source HTML code, not to be modified." 
href="http://www.csszengarden.com/zengarden-sample.html"-html file</A> and <A 
tile="This page's sample CSS, the file you may modify." 
href="http://www.csszengarden.com/zengarden-sample.css">css 
file</A></SPAN></P></DIV> 

<DIV id="preamble"> --------- 

ee value-of select="titre1 "BXISPAN></H38> 

<P class="pt">ZSPAN>Hittering-a dark’ and dreary road lay the past relics of 

Drome creoebie tags, incompatible <ACRONYM 

tile="Document Object Model"-DOM</ACRONYM>s, and broken <ACRONYM 
tile="Cascading Style Sheets"-CSS</ACRONYM> support.</SPAN></P> 

<P class="p2"><SPAN>Today, we must clear the mind of past practices. Web 
enlightenment has been achieved thanks to the tireless efforts of folk like the 
<ACRONYM title="World Wide Web Consortium">W3C</ACRONYM>, <ACRONYM 
tile="Web Standards Project">WaSP</ACRONYM> and the major browser 
creators.</SPAN></P> 

<P class="p3"><SPAN>The css Zen Garden invites you to relax and meditate on the 
important lessons of the masters. Begin to see with clarity. Learn to use the 

(yet to be) time-honored techniques in new and invigorating fashion. Become one 
with the web.</SPAN></P></DIV>-</DIV> 

<DIV id= ones 

<DIV id="explanation">------- 

<H3><SPAN<EXSI: ae of select= ='titre2"5YSPAN></H3> 

<P class="pi ">2ZSPANS Fhere is-ctearlÿ? a need for <ACRONYM 

tile="Cascading Style Sheets"'>CSS</ACRONYM > to be taken seriously by graphic 
artists. The Zen Garden aims to excite, inspire, and encourage participation. To 
begin, view some of the existing designs in the list. Clicking on any one will 

load the style sheet into this very page. The code remains the same, the only 

thing that has changed is the external .css file. Yes, really.</SPAN></P> 

<P class="p2">-<SPAN><ACRONYM title="Cascading Style Sheets"-CSS</ACRONYM> allows 
complete and total control over the style of a hypertext document. The only way 

this can beillustrated in a way that gets people excited is by demonstrating 

what it can truly be, once the reins are placed in the hands of those able to 

create beauty from structure. To date, most examples of neat tricks and hacks 

have been demonstrated by structurists and coders. Designers have yet to make 
their LEE This needs to change.</SPAN></P></DIV> 


<P class=" DIÉSSPAN-Grephie artists only please. You are modifying this page, so 
strong CAGRONYM tile="Cascading Style Sheets"-CSS</ACRONYM> skills are 
necessary, but the example files are commented well enough that even <ACRONYM 
tile="Cascading Style Sheets"-CSS</ACRONYM> novices can use them as starting 
points. Please see the <A title="A listing of CSS-related resources" 
href="http:/www.mezzoblue.com/zengarden/resources/"-<ACRONYM 
tile="Cascading Style Sheets"-CSS</ACRONYM> Resource Guide</A> for advanced 
tutorials and tips on working with <ACRONYM 

tile="Cascading Style Sheets"-CSS</ACRONYM>.</SPAN></P> 

<P class="p2"-<SPAN>You may modify the style sheet in any way you wish, but not 
the <ACRONYM title="HyperText Markup Language">HTML</ACRONYM>. This may seem 
daunting at first if you've never worked this way before, but follow the listed 

links to learn more, and use the sample files as a guide.</SPAN></P> 

<P class="p3"><SPAN>Download the sample <A 

tile="This page's source HTML code, not to be modified." 
href="http://www.csszengarden.com/zengarden-sample.html"-html file</A> and <A 
tile="This page's sample CSS, the file you may modify." 
href="http:/www.csszengarden.com/zengarden-sample.css">css file</A> to work on 
a copy locally. Once you have completed your masterpiece (and please, don't 
submit half-finished work) upload your .css file to a web server under your 

control. <A title="Use the contact form to send us your CSS file" 
href="http:/www.mezzoblue.com/zengarden/submit/"-Send us a link</A> to the file 
and if we choose to use it, we will spider the associated images. Final 

submissions will be placed on our server.</SPAN></P></DIV> 
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<P class= LP SSSPAN WHY paie recognition, inspiration, and a resource 
we can all refer to when making the case for <ACRONYM 

tile="Cascading Style Sheets"-CSS</ACRONYM>-based design. This is sorely 
needed, even today. More and more major sites are taking the leap, but not 

enough have. One day this gallery will be a historical curiosity; that day is 

not today.</SPAN></P></DIV> 

<DIV id="requirements"z-------- 

<H3><SPAN&<xsl:value-of select= ='titreS"R3/SPAN></H3> 

<P class="pi ">< SPANS WE WOUId'IRé to see as much <ACRONYM 

tile="Cascading Style Sheets, version 1"-CSS1</ACRONYM> as possible. <ACRONYM 
tile="Cascading Style Sheets, version 2"-CSS2</ACRONYM> should be limited to 
widely-supported elements only. The css Zen Garden is about functional, 

practical <ACRONYM title="Cascading Style Sheets"-CSS</ACRONYM> and not the 
latest bleeding-edge tricks viewable by 2% of the browsing public. The only real 
requirement we have is that your <ACRONYM 

tile="Cascading Style Sheets"-CSS</ACRONYM> validates.</SPAN></P> 

<P class="p2"><SPAN>Unfortunately, designing this way highlights the flaws in the 
various implementations of <ACRONYM 

tile="Cascading Style Sheets"-CSS</ACRONYM>. Different browsers display 
differently, even completely valid <ACRONYM 

tile="Cascading Style Sheets"-CSS</ACRONYM> at times, and this becomes 
maddening when a fix for one leads to breakage in another. View the <A 

title="A listing of CSS-related resources" 
href="http://www.mezzoblue.com/zengarden/resources/">Resources</A> page for 
information on some of the fixes available. Full browser compliance is still 
sometimes a pipe dream, and we do not expect you to come up with pixel-perfect 
code across every platform. But do test in as many as you can. If your design 


doesn't work in at least IE5+/Win and Mozilla (run by over 90% of the 


population), chances are we won't accept it.</SPAN></P> 


<P class="p3"-<SPAN>We ask that you submit original artwork. Please respect 

copyright laws. Please keep objectionable material to a minimum: tasteful nudity 

is acceptable, outright pornography will be rejected.</SPAN></P> 

<P class="p4"-<SPAN>This is a learning exercise as well as a demonstration. You 

retain full copyright on your graphics (with limited exceptions, see <A 
href="http:/www.mezzoblue.com/zengarden/submit/guidelines/"-submission 
guidelines</A>), but we ask you release your <ACRONYM 

tile="Cascading Style Sheets"-CSS</ACRONYM> under a Creative Commons license 
identical to the <A title="View the Zen Garden's license information." 
href="http://creativecommons.org/licenses/sa/1.0/">one on this site</A> so that 

others may learn from your work.</SPAN></P> 

<P class="p5"-<SPAN>Bandwidth graciously donated by <A 
href="http://www.dreamfirestudios.com/"-DreamFire 

Studios</A>.</SPAN></P></DIV> 

<DIV id="footer"><A title="Check the validity of this site's XHTML" 
href="http://validator.w3.org/check/referer">xhtml</A> <A 

tile="Check the validity of this site's CSS" 
href="http://jigsaw.w3.org/css-validator/check/referer"-css</A> <A 

tile="View details of the license of this site, courtesy of Creative Commons." 
href="http://creativecommons.org/licenses/by-nc-sa/1.0/"-cc</A> <A 

tile="Check the accessibility of this site according to U.S. Section 508" 
href="http://bobby.watchfire.com/bobby/bobbyServiet?URL=http%3A%2F%2Fwww.mezzoblue.com2Fzengarden2F 
&amp;output-Submit&amp;gl-sec508&amp:test-"-508</A> 

<A 

tile="Check the accessibility of this site according to WAI Content Accessibility Guidelines 1" 
href="http://bobby.watchfire.com/bobby/bobbyServiet?URL=http%3A%2F%2Fwww.mezzoblue.com%2Fzengarden2F 
&amp;output-Submit&amp:;gl-wcagl-aaa&amp:test-"-aaa</A> 

</DIV></DIV> 

<DIV id="linkList"> 

<DIV id="linkList2"> 


<DIV id="lselect"> 2 _----------- 
<H3 class= ='select'><SPANSSKSI ‘value-of select="titre6 "XISPAN></H3> 
LS Teese ee 


<LI><A title="AccessKey: a" accessKey="a" 
href="http://www.csszengarden.com/?cssfile=/103/103.css&amp;page=0"-Odyssey</A> 
by <A class="c" href="http:/wwwliquidarch.com/">Terrence Conley</A></LI> 

<LI><A title="AccessKey: b" accessKey="b" 
href="http://www.csszengarden.com/?cssfile=/102/102.css&amp;page=0"-Revolution!</A> 
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by <A class="c" href="http:/www.monc.se/"-David Hellsing</A></LI> 
<LI><A title="AccessKey: c" accessKey="c" 
href="http://www.csszengarden.com/?cssfile=/101/101.css&amp;page=0"-punkass</A> 
by <A class="c" href="http:/www.mikhel.com/">Mikhel Proulx</A></LI> 
<LI><A title="AccessKey: d" accessKey="d" 
href="http:/www.csszengarden.com/?cssfile-/100/100.css&amp;page-0">15 
Petals</A> by <A class="c" href="http;//www.meyerweb.com/">Eric Meyer &amp; Dave 
Shea</A></LI> 
<LI><A title="AccessKey: e” accessKey="e" 
href="http:/www.csszengarden.com/?cssfile-/099/099.css&amp;page-0"-Wiggles 
the Wonderworm</A> by <A class="c" href="http://www.make-believe.org/"-Joseph 
Pearson</A></LI> 
<LI><A title="AccessKey: f" accessKey="f" 
href="http:/www.csszengarden.com/?cssfile-/098/098.css&amp;page-0"-Edo and 
Tokyo</A> by <A class="c" href="http;//www.coutworks.com/"-Daisuke Sato</A></LI> 
<LI><A title="AccessKey: g" accessKey="g" 
href="http:/www.csszengarden.com/?cssfile-/097/097.css&amp;page-0"-No 
Frontiers!</A> by <A class="c" href="http://hyperreal.info/bhang/"-Michal 
Mokrzycki</A></LI> 
<LI><A title="AccessKey: h" accessKey="h" 
href="http:/www.csszengarden.com/?cssfile-/096/096.css&amp;page-0"-Japanese 
Garden</A> by <A class="c" href="http:/www.jugglinglife.org/"-Masanori 
Kawachi</A> </LI> 

</UL>-</DIV> 

<DIV id="larchives"> 

<H3 class="archives"-<SPAN>Archives:</SPAN></H3> 

<UL> 
<LI><A titte="View next set of designs. AccessKey: n" accessKey="n" 
href="http://www.csszengarden.com/?cssfile=/001/001 .css&amp;page=1"><SPAN 
class="accesskey">n</SPAN>ext designs »</A> </LI> 
<LI><A title="View every submission to the Zen Garden. AccessKey: w" 
accessKey="w" href="http:/"ww.mezzoblue.com/zengarden/alldesigns/">Vie<SPAN 
class="accesskey">w</SPAN> AIl Designs</A> </LI></UL></DIV> 

<DIV id="lresources"> 

<H3 class="resources"><SPAN>Resources:</SPAN></H3> 

<UL> 
<Ll><A 
title="View the source CSS file for the currently-viewed design, AccessKey: v" 
accessKey="v" 
href="css Zen Garden The Beauty in CSS Design_fichiers/001.css"><SPAN 
class="accesskey">V</SPAN>iew This Design's <ACRONYM 
title="Cascading Style Sheets"'-CSS</ACRONYM></A></LI> 
<Ll><A 
title="Links to great sites with information on using CSS. AccessKey: r" 
accessKey="r" href="http//www.mezzoblue.com/zengarden/resources/"><ACRONYM 
title="Cascading Style Sheets"'-CSS</ACRONYM> <SPAN 
class="accesskey"-R</SPAN>esources</A></LI> 
<Ll><A 
title="A list of Frequently Asked Questions about the Zen Garden. AccessKey: q" 
accessKey="q" href="http://www.mezzoblue.com/zengarden/faq/"-<ACRONYM 
title="Frequently Asked Questions"-FA<SPAN 
class="accesskey">Q</SPAN></ACRONYM></A></LI> 
<LI><A titlte="Send in your own CSS file. AccessKey: s" accessKey="s" 
href="http://www.mezzoblue.com/zengarden/submit/"><SPAN 
class="accesskey">S</SPAN>ubmit a Design</A> </LI> 
<LI><A titte="View translated versions of this page. AccessKey:t" accessKey="t" 
href="http://www.mezzoblue.com/zengarden/translations/"><SPAN 


class="accesskey">T</SPAN>ranslations</A> </LI></UL>-</DIV>-</DIV></DIV>-</DIV><I-- These extra divs/spans may 


be used as catch-alls to add extra imagery. --> 
<DIV id="extraDiv1"><SPAN></SPAN></DIV> 
<DIV id="extraDiv2"><SPAN></SPAN></DIV> 
<DIV id="extraDiv3"><SPAN></SPAN></DIV> 
<DIV id="extraDiv4"-<SPAN></SPAN></DIV> 
<DIV id="extraDiv5"><SPAN></SPAN></DIV> 
<DIV id="extraDiv6">-<SPAN></SPAN></DIV> 
</xsl:for-each> 

</BODY></HTML> 

</xsl'template> 


</xsL:stylesheet> 
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Vous remarquerez que nous faisons appel à un fichier CSS au tout début (mis en évidence 
dans le rectangle rouge transparent). Au fait, nous disposons de quatre de ces fichiers CSS qui 
sont trop longs pour être présentés 1c1. L'idée est la suivante: 


1. Nous considérons que vous êtes un spécialiste Web XHTML, XSL et CSS et que vous 
créez des modèles de pages avec des images et tout et tout pour les employés d'une 
entreprise (logiquement la création des modèles de documents et la mise en page de 
document ne fait pas partie du travail des employés administratifs ou cadres d'une 
entreprise... normalement... mais ça ils l'ont pas tous compris) 


2. Dans le but d'optimiser la gestion des document types, votre entreprise vous demande 
alors de créer un système tel que les employés n'aient qu'à remplir le fichier XML 
contenant les textes bruts (ils ne doivent plus s'occuper de la mise en page et il leur 
suffit juste de connaître le bloc notes ou d'utiliser un logiciel de saisie qui génère 
automatiquement derrière un fichier XML — donc pas d'investissements aberrants 
dans des formations coûteuses sur MS Word et pas de perte de temps de travail sur du 
"n'importe quoi/n'importe comment" par les employés) 


Bien évidemment, le résultat final se verra dans un navigateur Web (pour l'instant à ce niveau 
du discours) mais au fait ce qu'il faut savoir c'est que l'on peut faire des mises en page en 
qualité égales et même supérieures sur des pages web que par rapport à MS Word (et 
d'ailleurs les pages web sont plus légères). 


Eh bien! Voilà donc ce qu'on peut faire à partir du même fichier XML (dont on peut bien sûr 
changer les données) et en changeant seulement le type de fichier CSS appelé (dans l'ordre: 
001.css, 002.css, 003.css, 004.css): 
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L2 C'ADocuments and Settings{VincelMes documents\Professianel\infolearniCours\*ML\ZenGarden(Zen Garden. xml 


C7 CT 
Garden 


The Road to Enlightenment 
Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMS, and broken CSS suppor 


À demonstration ofwhat 


can be accomplished 


visually through CSS- Today, we must clear the mind of past practices. Web enlightenment has been achieved thanks to the tireless effort 
WaSP and the major browser creators. 


based design. Select any 


style sheet from the list to The css Zen Garden invites you to relax and meditate on the important lessons ofthe masters. Begin to see with clarity 
load it into this page. to be) time-honored techniques in new and invigorating fashion. Become one with the web. 


So What is This About? 
There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and enct 


html file and ess file begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The 
the only thing that has changed is the external .css file. Yes, really. 


Download the sample 


CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by 
can truly be, once the reins are placed in the hands of those able to create beauty from structure. To date, most examples of neat tricks and hacks hay 
structurists and coders. Designers have yet to make their mark. This needs to change. 


Participation 
Graphic artists only please. You are modifying this page, so strong CSS skills are necessary, but the example files are commented well enough that ev | 


them ac ctartina nninte Please see the CS! 


: Resource Cnide fnr adwanced tutoriale and tine an working with GS 
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Littering a dark and dreary road lay the past relics of browser- odyssey 
by Terrence Conley 
specific tags, incompatible DOMs, and broken CSS support. 
revolution! 
Today, we must clear the mind of past practices. Web by David Hellsing 
enlightenment has been achieved thanks to the tireless efforts of 
folk like the W3C, WaSP and the major browser creators. punkass 
by Mikhel Proulx x 
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h 
Design {|| Pickup 


Odyssey by Terrence Conley 


Revolution! by Dauid 
Hellsing 


De 


Zen Garden 


punkass by Mikhel Proulx 


15 Petals by Eric Meyer & 
Dave Shea 


© Wiggles the Wonderworm 
by Joseph Pearson 


S h . hi b _ © Edo and Tokyo by Daisuke 
The Beauty of css Design O W at 1S t IS a out . pp 
There is clearly a need for CSS to be taken seriously by graphic artists, The Zen Garden aims to © No Frontiers! by Michal 
Mokrzycki 
excite, inspire, and encourage participation, To begin, view some of the existing designs in the 
list. Clicking on any one will load the style sheet into this very page. The code remains the © Japanese Garden by 


-b 
et from the list 


same, the only thing that has changed is the external .css file, Yes, really. Masanori Kawachi 


Archives 
CSS allows complète and total control over the style of a hypertext document, The only way © next designs » 
this can be ilustrated in à way that gets people excited is by demonstrating what it can truly 
be, once the reins are placed in the hands of those able to create beauty from structure, To © View All Designs 
date, most examples of neat tricks and hacks have been demonstrated by structurists and 
coders, Designers have yet to make their mark. This needs to change. : 

7 / u Resources 

© View This DesignOs CSS 


The Road to Enlighiment © CSSResources 


Participation 


Graphic artists only please. You are modifying this page, so strong CSS skills are necessary, but 


© FAQ 


Littering a dark and dreary road lay the 
© Submit a Design 


past relics of browser-specific tags, the example files are commented well enough that even CSS novices can use them as starting 
incompatible DOMs, and broken CSS points. Please see the CSS Resource Guide for advanced tutorials and tips on working with © Translations 
support, Css. 


Et bien demandez à votre collègue de faire ces 4 documents sous MS Word avec le même 
texte de manière classique... vous pouvez attendre longtemps... alors qu'avec XML, XSL, 
XHTML, MS Office 2003 et une bonne stratégie d'entreprise pour les documents types, on 
gagne un temps phénoménal, on optimise donc les processus de travail, on gagne en coût de 
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formation et on produit des documents d'une qualité professionnelle à tous les niveaux 
(certains employés n'ayant dès lors qu'à saisir du texte dans le fichier XML pour remplir la 
page sans avoir à s'occuper de la mise en page). 


Donc les utilisateurs lambda ne font plus qu'une chose pour les documents type: DE LA 
SAISIE !!! (enfin c'est pas trop tôt...) 


Nous verrons par la suite que un avantage monstrueux c'est que le contenu des fichiers XML 
peuvent êtres importés dans des fichiers MS Access et MS Excel et ainsi toute entreprise 
obtient un GED de moyenne ou bonne qualité a très faible coût (à la portée de tout 
informaticien). 


PS: les exemples ont été inspirés (j'ai du changer le HTML en XHTML et sortir les titres dans 
un fichier XML) du site www.csszengarden.com (le site de référence pour voir la puissance 
des styles CSS sur le web). 


Remarque: au fait, comme nous le verrons lors de notre étude de MS Word 2003 et XML, ce 
premier s'oriente gentiment dans la conception de documents web avec du CSS... eh oui... 
c'est ça l'avenir. pour les pros du traitement de texte: faire tout ce que nous avons fait jusqu'à 
maintenant mais... dans MS Word !!!! Mais nous verrons cela en détail plus loin. 


5.12 XSL: Espaces de noms (xmins) 


Le caractères extensible du langage XML offre d'énormes possibilités aux concepteurs de 
documents, mais pose aussi un certain nombre de problèmes. En effet, en fonction de l'auteur 
ou du contexte du document, la signification d'un élément peut différer. En d'autres termes, il 
est tout à fait possible que deux développeurs choisissent le même nom pour leur balise sans 
toutefois les utiliser de la même manière. 


Toutefois, XML a été créé pour apporter un contexte à l'information; il serait paradoxal 
d'avoir à se servir de cette dernière pour comprendre les balises ! C'est l'environnement lexical 
qui permet de comprendre de quel type de pièce 11 s'agit. L'équivalent informatique de ces 
champs lexicaux se nomme "espace de noms" (namespace). Pour désigner un espace de nom, 
nous utilisons une URI qui identifie le namespace. 


Un URI (Uniform Resource Identifier) se compose d'une chaîne de caractères unique qui 
définit l'emplacement d'une ressource (le fichier XML lui-même souvent!). Attention: 1l s'agit 
souvent d'un identifiant symbolique. En d'autres termes, 1l est possible que la ressource ne se 
trouve pas vraiment à l'endroit indiquée par l'URI. 


Reprenons un exemple déjà traité lors de notre introduction au XSL pour les namespaces en 
l'adaptant un tant soit peu: 


<?xml version="1.0" encoding="iso-8859-1"?> 
<?xml-stylesheet type="text/xsl" href="OrderByEspNoms.xsl"?> 
<compilation xmins:cmpl="http:/www.sciences.ch"> 
<cmpl:mp3> 
<titre-Foule sentimentale</titre> 
<artiste-Alain Souchon</artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<titre>Solaar pleure</titre> 
<artiste>-MC Solaar</artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<titre-Le baiser</titre> 
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<artiste-Alain Souchon</artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<titre-Pourtant</titre> 
<artiste-Vanessa Paradis</artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<titre-Chambre avec vue</titre> 
<artiste-Henri Salvador</artiste> 
</cmpl:mp3> 
</compilation> 


Nous définissons ci-dessus le namespace cmpl (abréviation de "compilation") afin de 
distinguer le type de données. Mais rien ne nous empêche de créer autant de xmins que nous 
voulons. Enfin, le fichier XSL rattaché se voit modifié un petit peu tel que ci-dessous: 


<?xml version="1.0"?> 
<Xsl:stylesheet xmins:xsl="http://www.ws3.org/TR/WD-xsl"> 
<xsl:'template match="/"> 
<html> 
<body> 
<table border="1" cellspacing="0" cellpadding="3"> 
<tr bgcolor="#FFFF00"> 
<td>Artiste</td> 
<td>Titre</td> 
<hr> 
<xsl:for-each select="compilation/cmpl:mp3" order-by="+artiste"- 
<r> 
<td><xsl'value-of select="artiste"/></td> 
<td>-<xsl'value-of select="titre"/></td> 
</tr> 
</xsl'for-each> 
</table> 
</body> 
</html> 
</xsl'template> 
</xsl'stylesheet> 


Le fichier XSD correspondant étant: 


<?xml version="1.0" encoding="UTF-8"?> 
<Xs:schema xmins:xs="http://"ww.ws8.org/2001/XMLSchema" elementFormDefault="unqualified" 
attributeFormDefault="unqualified" targetNamespace="uri:MonNamespace "> 
<l-- Si on pose le elementFormDefault sur qualified cela signifie que tous les champs doivent appartenir au namespace, 
sinon s'il est égal à unqualified, seulement l'élément racine appartiendra au namespace alors que les autres noeuds 
appartiendront à un namespace vide--> 
<xs'element name="compilation"> 
<xs:annotation> 
<Xxs:documentation>Comment describing your root element</xs:documentation> 
</xs'annotation> 
<Xs:complexType> 
<Xs:sequence> 
<xs:element name="mp3" maxOccurs="unbounded"> 
<xs:complexType> 
<Xs:sequence> 
<Xs:element name="titre"/> 
<xs'element name="artiste"/> 
</XS:sequence> 
</xs:complexType> 
</xs:element> 
</xs'sequence> 
</xs:complexType> 
</xs'element> 
</xs'schema> 


XML 121257 


V.ISOZ Version du 2015-09-22 


1. Remarquez d'abord le targetNamespace="MonNameSpace", 11 devrait faire référence à une 
ressource en ligne expliquant les tenants et aboutissant de votre espace de noms au même titre 
que toutes les url utilisées actuellement dans les namespaces. 


2. Maintenant remarquez surtout (nous l'avons changé par rapport au défaut que propose 
XMLSpy) le elementFormDefault="unqualified" qui définit simplement le fait que les noeuds filles du 
nœud racine ne doivent pas utiliser l'espace de noms du nœud racine (soit un espace de noms 
vide dans notre exemple). Ainsi, toujous avec notre exemple, le fichier XML suivant ne serait 
actuellement pas valide: 


<?xml version="1.0" encoding="iso-8859-1"?> 
<cmpl:compilation xmins:xsi="http:/www.ws3.org/2001/XMLSchema-instance" xmins:cmpl="uriMonNamespace" 
xsinoNamespaceSchemaLocation="Schema.xsd"> 
<cmpl:mp3> 
<cmplititre-Foule sentimentale</cmplititre> 
<cmpl'artiste-Alain Souchon</cmpl'artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<cmplititre>Solaar pleure</cmplititre> 
<cmpl'artiste>MC Solaar</cmpl'artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<cmplititre-Le baiser</cmplititre> 
<cmpl'artiste-Alain Souchon</cmpl'artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<cmplititre-Pourtant</cmplititre> 
<cmpl'artiste>-Vanessa Paradis</cmpl'artiste> 
</cmpl:mp3> 
<cmpl:mp3> 
<cmplititre>-Chambre avec vue</cmpl'titre> 
<cmpl'artiste-Henri Salvador</cmpl'artiste> 
</cmpl:mp3> 
</cmpl:compilation> 


alors que si nous mettions dans le fichier XSD elementFormDefault="qualified" le fichier sera 
reconnu comme valide. 


Maintenant ajoutez un attribut au nœud mp3 de type style tel que ci-dessous à l'aide de 
XMLSpy: 
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Ccompiaton E 


Comment describing your 


root element 


Attributes | Identity constraints | 


âttribute Type Use Default 


#s:string wlrequired xl 
Attribute Group 


Any Attribute 


avec: 


Attributes | Identity constraints | 


Name Type Use Default Fixed 
style lxs:string llrequired ll | 


ce qui donne dans le code XSD: 


<?xml version="1.0" encoding="UTF-8"?> 
<xs:schema targetNamespace="MonNameSpace" xmins:xs="http://www.w3.org/2001/XMLSchema" 
elementFormDefault="qualified" attributeFormDefault="unqualified"> 
<!-- Si on pose le elementFormDefault sur qualified cela signifie que tous les champs doivent appartenir au 
namespace, sinon si il est égal à unqualified, seulement l'élément racine appartiendra au namespace alors que les 
autres noeuds appartiendront à un namespace vide--> 
<xs'element name="compilation"> 
<xs:annotation> 
<Xxs:documentation>Comment describing your root element</xs:documentation> 
</xs‘annotation> 
<xs:complexType> 
<Xs:sequence> 
<xs:element name="mp3" maxOccurs="unbounded"> 
<xs:complexType> 
<Xs:sequence> 
<Xs:element name="titre"/> 
<Xs:element name="artiste"/> 
</XS:sequence> 
<xs'attribute name="style" type="xs:string" use="required"/> 
</xs:complexType> 
</xs:element> 
</xsS'sequence> 
</xs:complexType> 
</xs'element> 
</xs:schema> 


Maintenant changez votre fichier XML comme suit: 


<?xml version="1.0" encoding="iso-8859-1"?> 
<cmpl:compilation xmins:xsi="http:/www.ws3.org/2001/XMLSchema-instance" xmins:cmpl="MonNameSpace" 
xsi:noNamespaceSchemalLocation="Namespace.xsd"> 

<cmpl:mp3 style="Variétés"> 
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<cmpl:titre-Foule sentimentale</cmplititre> 
<cmpl'artiste-Alain Souchon</cmpl'artiste> 
</cmpl:mp3> 
<cmpl:mp3 style="Rap"> 
<cmplititre>Solaar pleure</cmplititre> 
<cmpl'artiste>MC Solaar</cmpl'artiste> 
</cmpl:mp3> 
<cmpl:mp3 style="Variétés"> 
<cmpl:titre-Le baiser</cmpl:titre> 
<cmpl'artiste-Alain Souchon</cmpl'artiste> 
</cmpl:mp3> 
<cmpl:mp3 style="Variétés"> 
<cmpl:titre-Pourtant</cmplititre> 


<cmpl'artiste>-Vanessa Paradis</cmpl'artiste> 


</cmpl:mp3> 
<cmpl:mp3 style="Musique du monde"> 
<cmpliitre>-Chambre avec vue</cmpl'titre> 
<cmpl'artiste-Henri Salvador</cmpl'artiste> 
</cmpl:mp3> 
</cmpl:compilation> 


Le document est conforme et valide avec notre XSD. Mais mettez dans le XSD 
attributeFormDefault="qualified" votre fichier xml sera alors toujours conforme mais plus valide. Il 
faudra (comme vous l'avez certainement deviné...) changer votre fichier XML comme ci- 


dessous pour qu'il soit à nouveau valide: 


<?xml version="1.0" encoding="iso-8859-1"?> 


<cmpl:compilation xmins:xsi="http:/www.ws3.org/2001/XMLSchema-instance" xmins:cmpl="MonNameSpace" 


xsi:noNamespaceSchemalLocation="Namespace.xsd"> 


<cmpl:mp3 cmpl'style="Variétés"> 
<cmplititre-Foule sentimentale</cmplititre> 
<cmpl'artiste>Alain Souchon</cmpl'artiste> 

</cmpl:mp3> 

<cmpl:mp3 cmpl:style="Rap"> 
<cmplititre>Solaar pleure</cmplititre> 
<cmpl'artiste>MC Solaar</cmpl'artiste> 

</cmpl:mp3> 

<cmpl:mp3 cmpl'style="Variétés"> 
<cmplititre-Le baiser</cmplititre> 
<cmpl'artiste-Alain Souchon</cmpl'artiste> 

</cmpl:mp3> 

<cmpl:mp3 cmpl:style="Variétés"> 
<cmpl:titre-Pourtant</cmplititre> 


<cmpl'artiste>-Vanessa Paradis</cmpl'artiste> 


</cmpl:mp3> 
<cmpl:mp3 cmpl:style="Musique du monde"> 
<cmplititre>-Chambre avec vue</cmpl'titre> 
<cmpl'artiste-Henri Salvador</cmpl'artiste> 
</cmpl:mp3> 
</cmpl:compilation> 
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6. Transformer XML en XML avec XSL 


Certaines entreprises travaillant avec des bases de données particulières ont le besoin de 
travailler avec du XSL pour exporter certaines données d'un flux XML en XML. 


Ceci n'est pas bien compliqué car utilise des techniques qui nous sont en très grande partie 
déjà connues. Ce qu'il faut simplement c'est d'un moteur capable d'effectuer l'opération de 
transformation. Certains progiciels en sont fournis comme c'est le cas de XMLSpy 


Voyons cela sur un exemple simple. Soit le fichier XML suivant (remarquez la référence à 
ToXML.xsl): 


<?xml version=" 0" encoding="is0-8859-1"?> 
<?xml-stylesheet type="textixsl" href="ToXML.xsl"?> 
<compilation= 
<mp3> 
<itre-Foule sentimentale<titrez 
<artiste-4lain Souchon</artistez 
<imp3> 
<mp3> 
<titre-Solaar pleure<fitre= 
<artiste-MC Solaar</artiste- 
<imp3> 
<mp3> 
<titre-Le baiser<fitre= 
<artiste-4lain Souchon</artiste= 
<imp3> 
<mp3> 
<itre-Pourtant<titrez 
<artiste- Vanessa Paradis</artiste= 
<imp3> 
<mp3> 
<itre-Chambre avec vue<titre= 
<artiste-Henri Salvador<jartistez 
<imp3> 
<icompilations 


Nous aimerions en extraire un fichier XML contenant seulement les titres d'Alain Souchon. 
Le code XSL permettant de faire une telle chose pourrait s'écrire sous la forme suivante: 


<?xml version="1 .0"?> 
<xslstylesheet version=" 0" xmins:xsl="http: fi 3 org" 999/KSLiTransform"- 
<xsloutput method="xml" omit-xml-declaration="no" indent="yes" encoding="UTF-8"/#> 
<xsltemplate match="#"> 
<souchonz 
<xslfor-each select="compilationinp3[artiste="4lain Souchon']"> 
<titre= 
<xslvalue-of select="titre"/- 
<fitrez 
<ixslfor-each> 
<{souchonz 
<ixsitemplate= 


<ixslstylesheet- 


Ensuite, dans XMLSpy il suffit de cliquer sur le bouton Re pour obtenir un fichier nommé 
XML Output.htm dont le contenu texte est: 
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k?xmi version" .0" encoding="UTF-8"?> 
<souchonz 
<itre-Foule sentimentale<titrez 
<itre-Le baiser<titre- 
<fsouchon> 


[Text | Browser | 


simple. xml | fx ToxML. xs! *SL Output.html | 
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7. Transformer XML en SQL avec XSL 


Il arrive parfois qu'il ne soit pas possible d'importer des fichiers XML dans des systèmes de 
bases de données ou des tableurs. Une solution possible est alors de transformer le contenu 
d'un fichier XML à l'aide du XSL en une commande SQL de type INSERT INTO (voir mon 
support sur MS Office Access). POur l'exemple, partons du fichier XML suivant: 


<?xml version="1.0" encoding="UTF-8"?> 
- <diplomes> 

- <parametres> 
<type-export>complet</type-export> 
<horodatage-31/08/2010 22:01:07</horodatage> 

</parametres> 

- <fiche-diplome> 
<type-intervention>C</type-intervention> 
<code-diplome-1874</code-diplomez 
<code-type-diplome-105</code-type-diplomez 
<intitule-type-diplome>Mastère spécialisé</intitule-type-diplomez 
<code-niveau>1</code-niveau> 
<code-niveau-europeen/> 
<code-scolarite/> 
<code-sise>9730703</code-sise> 
<code-onisep/> 
<code-onisep-ideo/> 
<code-specificite-ideo/> 
<code-cap/> 
<code-ministere-emploi/> 
<code-afpa/> 
<code-nsf>116</code-nsf> 
<code-lettre-nsf/> 
<code-carif-07/> 
<code-carif-26/> 
<inscrit-rncp>2</inscrit-rncp> 
<type-sigle> Mastère spécialisé</type-sigle> 
<type-complet> Mastère spécialisé</type-completz 
<intitule-diplome>Mastère spécialisé mastère spécialisé chimie ‘ts’ ttt</intitule-diplomez 
<dominante>chimie</dominantez 
<mention/> 
<specialite/> 
<intitule-sigle/> 
<code-niveau-entree/> 
<accessibilite-fi/> 
<accessibilite-ca>2</accessibilite-ca> 
<accessibilite-fc>2</accessibilite-fc> 
<accessibilite-cp>2</accessibilite-cp> 
<accessibilite-vae>1</accessibilite-vae> 
<accessibilite-ind>2</accessibilite-ind> 
<accessibilite-uc/> 
<texte-chapo/> 
<texte-objectif/> 
<texte-programme/> 
<texte-admission/> 
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<texte-admission/> 
<texte-poursuite/> 
<texte-debouches/> 
<texte-source/> 
<valideur/> 
<annee-premiere-session>2002</annee-premiere-session> 
<annee-derniere-session/> 
<etat>3</etat> 
<date-creation-11/02/2004</date-creation> 
<date-maj>11/02/2004</date-maj> 
<validation-interne/> 
<validation-alfa/> 
<modalites-diplomes> 
- <modalite> 
<code-type-modalite>2</code-type-modalitez 
<code-modalite>5</code-modalitez 
<libelle>Label de la Conférence des grandes écoles (CGE)</libellez 
</modalite> 
</modalites-diplomes> 
<jos> </jos> 
<modules> </modules> 
<liens-diplomes-formacodes> </liens-diplomes-formacodesz 
<liens-diplomes-gfe> </liens-diplomes-gfe> 
<liens-diplomes-romesz> </liens-diplomes-romes> 
<liens-diplomes-fap> </liens-diplomes-fap> 


- <liens-diplomes-validations> 


- <lien-diplomes-validations> 
<code-validation>1015</code-validationz 
<nom-validation > Diplôme de la recherche</nom-validationz 
<certificateur>1</certificateur> 
<valideur/> 
<code-habilitation/> 
<code-rncp/> 
<duree-habilitation/> 
<date-ouverture>00/00/0000</dat:-ouverture> 
<date-fermeture>00/00/0000</date-fermeture> 
<validite-actuelle/> 
<date-maj>01/01/2007</datz-maj> 

</lien-diplomes-validations > 
</lhens-diplomes-validations> 
<historiques-diplomes> </historiques-diplomes> 


</fiche-diplome> 


</diplomes> 


et le fichier XLS (certif.xsl) suivant: 
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<?xml version="1.0" encoding="UTF-8"?> 
- <xslistylesheet xmins:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"> 
<xsl:param name="apostrophe">"</xsl:param> 
- <xsl:template name="cleanQuote"> 
<xsl:param name="string"/> 
- <xshif test="contains($string, Sapostrophe)"> 
<xsl:value-of select="substring-before(Sstring, $apostrophe)"/> 


- <xsl:call-template name="cleanQuote"> 
- <xsl:with-param name="string"> 
<xskvalue-of select="substring-after(Sstring, Sapostrophe) /> 
</xsl:with-param> 
</xsl:call-template> 
<fxsliif> 
- <xshif test="not(contains($string, Sapostrophe))" > 
<xsl:value-of select="$string"/> 
</xsl:if> 
</xslitemplate> 
<xsl:template match="diplomes/parametres"/> 
- <xsl:template match="diplomes/fiche-diplome"> 
<xsl:text> INSERT INTO diplome (code, code_type, nom, nom_certificateur, code_validation, type_certification) VALUES ( </xslitext= 
<xsl:value-of select="code-diplome"/> 
<xslitext>, </xslitext> 
<xsl:value-of select="code-type-diplome"/> 
<xshitext, "</xslitext> 
<xsl:call-template name="cleanQuote"> 
- <xslwith-param name="string"> 
<xsl:value-of select="intitule-diplome"/> 
<{xsl:with-param> 
</xsl:call-template> 
<xslitext>", "</xsl:text> 
<xsl:call-template name="cleanQuote"> 
- <xsl:with-param name="string"> 
<xsl:value-of select="liens-diplomes-validations/lien-diplomes-validations/nom-validation"/> 
</xsl:with-param> 
</xsl:call-templatez 
<xslitext>", </xslitext> 
<xsl:value-of select="liens-diplomes-validations/lien-diplomes-validations/code-validation"/> 
<xslitext>, "</xslitextz 
<xsl:call-template name="cleanQuote"> 
- <xsl:with-param name="string"> 
<xsl:value-of select="intitule-type-diplome"/> 
</xsl:with-param> 
</xsl:call-template> 
<xslitext>" </xslitext> 
<xslitext>);</xslitext> 


<br/> 
</xslitemplate> 
</xsl:stylesheet> 


Nous ajoutons dans le fichier XML la ligne suivante: 
<?xml-stylesheet href="certif.xsl" type="text/xs1"?> 


Et si nous ouvrons le fichier XML dans un navigateur (typiquement Internet Explorer), nous 
aurons (attention l'exemple est petit car 1l n'y a qu'un seul diplôme dans le fichier XML): 
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nn 
<< s @\ C:\Users\lsoz Vincent\Documents\P O0 + OX Re: 
& C:\Users\]soz Vincent Docu... x 


Fichier Edition Affichage Favoris Outils ? 


INSERT INTO diplome (code, code_type, nom, 


nom_certificateur, code validation, type_certification) VALUES 
(1874, 105, "Mastère spécialisé mastère spécialisé chimie "ts" tt’, 


Diplôme de la recherche’, 1015, "Mastère spécialisé" }, 


R 


XML 81/257 


V.ISOZ Version du 2015-09-22 


8. Transformer XML en SQL avec XSL 


Partons du fichier suivant: 
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9. R.S.S. 


Le R.S.S. (Ressource (Description Framework) Site Summary) est un contenu XML utilisé en 
standard de par le monde pour échanger des "news" de tout type sur le web mais sous une 
norme bien définie et ainsi utilisable par toutes et par tous gratuitement ou non par un 
traitement approprié des données (XSL, PHP, ASP, .Net, Java, MS Word, MS Excel, MS 
Access... ). 


Voici un exemple simple de fichier RSS (extrait tiré de mon site perso. .….) dont les balises 
sont conformes à la norme internationale (j'ai cependant ajouté les balises <auteur> et <mois> 
pour un usage personnel). 


Attention cet exemple ne marche que si les fichiers sont sur un serveur web local ou distant ou 
que dans XMLSPy, une fois le fichier XML ayant la référence au fichier XSL vous cliquiez 


sur LR 


<?xml version="1.0" encoding="iso-8859-1"?> 
<?xmli:stylesheet type="text/xsl" href="RSStyleSheet.xs|"?> 
<rss version="2.0"> 
<channel> 
<title>Sciences.ch</title> 
<link>http://www.sciences.ch/xmirss/index.php</link> 
<category-Mathématique, Physique théorique</category> 
<description> 
Se voulant un complément aux études scolaires, Sciences.ch ce propose d'aborder différents domaines des 
mathématiques et de la physique: électrodynamique, physique nucléaire, mécanique analytique, etc. Sans être 
académique, il permet de faire le point avec rigueur sur différents sujets. 
</description> 
<language>fr</language> 
<copyright-Concept, Design, Contenu, 2002-2004 Sciences.ch. Tous droits résérvés</copyright> 
<image> 
<title>Sciences.ch</title> 
<url>http://www.sciences.ch/images/bansciencech.gif</url> 
<link>http:/www.sciences.ch</link> 
<Width>-88</width> 
<height>31</height> 
<description>Au coeur de la Sciencel</description> 
</image> 
<item> 
<title-Origine de la chaleur</title> 
<description- Qu'est-ce que la chaleur ? Voici une question que se posent nombre d'étudiants et parfois 
suffisamment longtemps pour qu'ils n'obtiennent jamais la réponse même lors de leur cursus scolaire universitaire. Ne 
pas comprendre ce qu'est la chaleur est nous le savons, une source énorme de confusion et de difficulté de 
compréhension des conceptions fondamentaux de la thermodynamique (premier principe). Sciences.ch propose donc la 
une explication microscopique de la chaleur basée sur la mécanique statistique démontrant que cette première n'est 
qu'au fait qu'un changement de la distribution énergétique des micro-états vers de plus hautes ou plus faible valeurs. Il 
convient peut-être de se demander s'il ne faudrait pas introduire la thermodynamique seulement et seulement après 
avoir étudié les bases de la mécanique statistique (étant donné les problèmes qu'ont les étudiants en 
thermodynamique) qui permettent d'accéder à la démonstration que nous proposons.</description> 
<link>http:/www.sciences.ch/htmlfr/mecanique/mecanthermodyn01.php#chaleur</link> 
<pubDate-Je, 27 Mai 2004 11:50:01 GMT</pubDate> 
</item> 
<item> 
<title-Théorème de Toricelli</title> 
<description-Dans le cadre de la mécanique des milieux continus (M.M.C), nous pouvons nous poser un 
très grand nombre de question relativement au fonctionnement de nos appareil ménagers faisant usage de fluides à 
l'état liquide dont la manière de déterminer la vitesse d'écoulement d'un liquide sortant d'un récipient dans des cas où 
les écoules sont laminaires (non turbelements). C'est un cas classique d'étude dans les petites écoles. Nous proposons 
une démonstration de la relation connue dans les petites classes démontrée à partir de l'équation de Bernoulli (elle 
même tirée de la démonstration des équations de Navier-Stokes)</description> 
<link>http:/www.sciences.ch/htmlfr/mecanique/mecanfluides01.php#toricelli</link> 
<litem> 
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</channel> 
</rss> 


et son fichier interne XSL correspondant (on ne peut plus simple): 


<?xml version="1.0" encoding="iso-8859-1"?> 
<xsl:stylesheet version="1.0" xmins:xsl="http://www.ws3.org/1999/XSL/Transform"> 
<xsl'output method="html"/> 
<xsl:'template match="/rss" > 
<html xmllang="fr"> 
<head> 
<title-MonSite.com</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
</head> 
<body> 
<Xsl:for-each select="channel"> 
<div class="channel"> 
<h2><xsl:value-of select="title" /></h2> 
<p><xsl:value-of select="description" /></p> 
<ul> 
<xsl'for-each select="item"> 
<li><a href="{link}" title="{description}"><xsl:value-of select="title" /></a></li> 
</xsl:for-each> 
</ul> 
</div> 
</xsl:for-each> 
</body> 
</html> 
</xsl:template> 
</xsl'stylesheet> 


Pour obtenir: 


SE | &/0remng Pos | ©] : EU 18 xl 
| Fichier Edition Affichage Favoris Outils ? | æ 
| Or 7 (+ r Lx] EF A | po) Rechercher 1 € Favaris @} média @ Cr E 
|Adresse fe D'\Sciences.chixmlrss\RssSciencesCh, xml xl BE (l Google - É 


Sciences.ch 


Se voulant un complément aux études scolaires, Sciences.ch ce propose d'aborder différents domaines des mathématiques et de la physique: électrodynamique, 
physique nucléaire, mécanique analytique, etc. Sans être académique, il permet de faire le point avec rigueur sur différents sujets. 


Origine de la chaleur 
Théorème de Toricell 
Effet Venturi 

Effet Compton relativiste 
Rayonnement Fossile 


L] 

L] 

L2 

L] 

L] 

° Ensembles quotients 
° Transformation relatini 
L] 
L2 
L] 
L] 
L2 
L] 


nste des witesse st de l'accélération 
Le Que ce soit en cryptographie, en topologie des surfaces ou 
Définition du en géométrie différentielle, souvent les textes font 
Capacité référence à des "ensembles quotients", des "classes 
F7 :Id'équivalences", des "projections équivalentes", Nous 
proposons une petite présentation (sur deux pages) de ces 
agfñdoutils mathématiques dans le cadre le simple qui soit en 


Princip edæd présentant l'ensemble (anneau) quotient Z/nz. 
Tenseur du champ électromagnétique 


Fil rectiligne 


Evidemment cette méthode fonctionne pour l'instant si le XML et XSL sont tous les deux sur 
le même serveur mais nous allons voir qu'il n'est pas bien dur de faire de même lorsque le 
fichier XML/RSS se trouve sur un serveur distant (voir la partie traitant du PHP et de l'ASP 
avec XML). 
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Remarque: on peut trouver de nombreux logiciels de lecteurs de flux gratuits sur Internet que 
ce soit sur PC (comme l'excellent Newsvore disponible sur www.labo-microsoft.com) ou pour 
Pocket PC (voir le site www.handango.com). 


Citons pour les francophones aussi AlertInfo disponible à l'adresse suivante: 


http://www.geste.fr/alertinfo/home.html 
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10. MS Office 2003 

Le problème des grandes entreprises en ce début de 21°" siècle explique en partie la stratégie 
de Microsoft d'orienter sa suite bureautique vers le XML et donc par extension...au Web. 
Voici quels sont ces problèmes majeurs rencontrés par les grandes entreprises: 


1. Normaliser les processus d'usage de l'informatique par ses employés 


2. Réduire les coûts de formation à des logiciels complexes de traitement de 
l'information 


3. Ramener chaque employé à se focaliser sur son travail et non sur les aléas de mise en 
page ou d'esthétisme de ses documents par l'application de modèles facilement 
utilisables et automatisés. 


4. Centraliser la documentation (G.E.D. — Gestion Electronique de Documentation ce 
que va faire la prochaine version de Windows Server qui suit la 2003) 


5. S'assurer d'un accès à des archives toujours fonctionnelles même dans 50 ans 


6. Capacité à échanger des documents légers entre employés, serveurs, pages web, 
logiciels, etc. sous une forme commune et standardisée et compatibles avec un 
maximum de systèmes 


7. et encore beaucoup d'autres (la liste est longue en ce qui concerne le mauvais usage 
des logiciels de la suite MS Office... et du reste... croyez-moi...) 


C'est à tous ces niveaux qu'intervient le XML. Le mieux pour le comprendre mieux ce serait 
suivre un séminaire sur le sujet (n'hésitez pas à me le faire savoir...) car 1l y a tellement de 
choses à dire qu'on pourrait écrire un livre sur les objectifs et les avantages (je n'ai pas encore 
trouvé de désavantages pour l'instant..….). 


Mais voyons étapes par étapes les possibilités de base du XML de la suite MS Office 2003 et 
espérant que l'esprit brillant qui lit ces lignes (...) saura en capter le potentiel. 


Remarques: 


R1. Comme nous en avons déjà fait mention, ce support ne s'adresse pas à des informaticien 
de métier. Ainsi, nous ne traiterons pas des nouveautés tels que le développement de Smart- 
Tags, Smart-Documents ou Webservices (InfoPath) avec .Net. Bien que cela soit fort 
passionnant, une grande quantité de sites y font déjà référence et les professionnels de la 
branche savent très bien s'accommoder de ce genre de supports techniques. 


R2. Les outils de base de la suite MS Office 2003 ne gèrent pas les "attributs" des nœuds 
XML mis à part en passant par le VBA. 


R3. MS Publisher 2003, MS OneNote 2003, MS Business Contact Manager ne proposent pas 
d'outils autres que la programmation pour traiter le XML. Nous n'aborderons donc pas 
logiciels. 
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10.1 MS Excel 2003 


L'avantage de pouvoir travailler avec l'XML comme conteneur de données dans MS Excel est 
bien sûr la légèreté de ce format, sa compatibilité avec quasiment tous les systèmes existants 
et sa rigueur de traitement et sa flexibilité à être traiter dans n'importe quel logiciel compatible 
XML. Plus nous avancerons dans notre présentation de l'XML avec MS Office 2003 dans ce 
document, plus vous en comprendrez l'étendue. 


Pour travailler avec le XML de manière professionnelle dans MS Excel 2003 il faut avant tout 
avoir un schéma de validation XSD des fichiers XML qu'utiliseront les employés de 
l'entreprise. 


Considérons ainsi le fichier XML suivant dans un premier temps: 


<?xml version="1.0" encoding="iso-8859-1"?> 
<NewDataSet xmins:xsi="http://www.ws3.org/2001/XMLSchema-instance" 
xsi:noNamespaceSchemalLocation="ventes.xsd"> 
<ventes> 
<au_id>172-32-1176</au_id> 
<au_Iname>Einstein</au_Iname> 
<au_ fname>Albert</au fname> 
<phone>-408 496-723</phone> 
<address-10932 Bigge Rd.</address> 
<city>Menlo Park</city> 
<state-CA</state> 
<zip>94025</zip> 
<contract>true</contract> 
<ventes-600</ventes> 
</ventes> 
<ventes> 
<au_id>172-32-1233</au_id> 
<au_Iname>Planck</au_ Iname> 
<au_fname>Max</au_ fname> 
<phone>408 434-543</phone> 
<address-4304. Hollywood St.</address> 
<city-Holl. Bvd.</city> 
<state-CA</state> 
<zip>3454</zip> 
<contract-false</contract> 
<ventes>300</ventes> 
</ventes> 
</NewDataSet> 


C'est un simple fichier XML il n'y a rien à y redire. Mais il nous faut maintenant créer le 
fichier XSD correspondant ? Comment faire lorsqu'on a pas le temps mais les moyens 
(financiers) ? 


Solution: acheter XMLSpy ! (ne vous en faites pas je suis pas revendeur...) et là c'est du 
gâteau. Il suffit de faire des petits dessins pour que le schéma XSD se fasse tout seul. 


D'abord histoire de vous dégoûter un peu, voici le fichier XSD péniblement (supposé) écrit à 
la main: 


<?xml version="1.0" standalone="yes"?> 
<!-- edited with XMLSPY v2004 rel. 3 U (http://www.xmlspy.com) by bob denard (Lost Paradise Inc.) --> 
<xsd:schema xmins:xsd="http://www.w3.org/2001/XMLSchema" elementFormDefault="qualified" 
attributeFormDefault="unqualified"> 
<xsd:element name="NewDataSet"> 
<xsd:complexType> 
<Xxsd'sequence> 
<Xxsd:element name="ventes" minOccurs="0" maxOccurs="unbounded"> 
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<xsd:complexType> 
<Xsd'sequence> 
<xsd:element name="au_id" type="xsd:string" minOccurs="0"/> 
<xsd:element name="au_Iname" type="xsd:string" minOccurs="0"/> 
<Xxsd:element name="au_fname" type="xsd'string" minOccurs="0"/> 
<xsd:element name="phone" type="xsd:string" minOccurs="0"/> 
<xsd:element name="address" type="xsdistring" minOccurs="0"/> 
<Xxsd:element name="city" type="xsdistring" minOccurs="0"/> 
<xsd:element name="state" type="xsd'string" minOccurs="0"/> 
<xsd:element name="zip" type="xsd:string" minOccurs="0"/> 
<Xxsd:element name="contract" type="xsd:boolean" minOccurs="0"/> 
<xsd:element name="ventes" type="xsd'integer"/> 
</xsd'sequence> 
</xsd:complexType> 
</xsd'element> 
</xsd'sequence> 
</xsd:complexType> 
</xsd'element> 
</xsd'schema> 


Pas franchement motivant non ? 


Et voilà son équivalent sous forme graphique finale dans XMLSpy: 


--+ au_id : 
' lsosssnx Ç 
: 


M real 
! PS 
+-4-au_fname : 
; nn on jen jen jen en jen jen en 
| 


LU 

LU 
ir... 
LE] address : 
- 


em... 


Comment faire ceci ? Et bien voici la marche à suivre: 


Dans XMLSpy aller dans File/New et choisissez le type de fichier "XSD" (voir page 
suivante): 
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X XMLSPY - [Untitled1.xsd] 


Examples 

Org-Chait 

4 Expense Report 
@4 Intemational 
Purchase Order 
SO4P Debugger 
SDL Editor 

4 IndustyStandards 
XML-based Website 
Tamino 


E-4-E-4-4-6-E-4-4 


Cliquez sur l'onglet Schema/WSDL et ensuite sur le bouton: 


Ceci apparaîtra alors: 


LEann: Comment describing your 1 


Attibutes | Identity constraints 


Default Fixed 


Text | Grid |[Schema/WSDL | Authentic Browser | 
RssSciencesCh.xml | ventes,xml | ventes.xsd (Nontitledi.xsd 


Details ———__— x 


ENTER_NâME_OF_ROOT 


name 


type æ] 
substGrp 4 
abstract pA 
nillable xl 
block + | 
Details 

aCetS ——————_—— ; x 
Facets 


eh bien il suffit de faire ce qu'ils disent. On fait un double clique sur la petite boîte bleue et on 
écrire par rapport à notre fichier XML NewDataSet: 


Ensuite, dans notre fichier XML nous voyons qu'il y a plusieurs nœuds (une "séquence" en 
d'autres termes) enfants nommés ventes. Pour ajouter cela au schéma WSDL faisons 
l'opération suivante (petit bouton droit sur la case bleue): 


et voilà ce qui apparaît: 


Element 


Choice 
all 


Insert 


äppend 


Change Model 


New Global 
Make Global 


XML 
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HewDataSet [- | 


Comment descrbing your 
root element 


et puis ? Ben... où est ventes ? Alors à nouveau bouton droit: 


HewDataSet 


Add child Element 


Comment describing your 
root element 


Insert Sequence 


äppend Choice 


et un petit double cliquer pour renommer cela ventes tel que: 


Ciennasset à — (5) 


Comment descrbing your 
oot element 


Mais... mais. certes il y a une séquence de ventes mais combien au minimum autorisés et 
combien au maximum ? 


C'est très simple: à droite de la fenêtre XMLSpy vous pouvez définir cela. 


name ventes 
isRef 


minOcc 


ma*Occ 


type 


nillable 
block 
Form 


id 


Ainsi, ne sachant pas combien il y en aura au maximum nous choisissons unbounded et nous 
définissons qu'il faut au moins une vente de le fichier XML pour que celui-ci soit considéré 


comme valide. Quand vous cliquez sur unbounded, l'élément ventes se change de la manière 
suivante: 


Drennse ET -) 
1.0 


Comment describing your 
root element 


et comme ventes contient à nouveau une séquence de nœud nous faisons à nouveau: 


Comment describing your 
root element 


ädd child > 


Element 


Fhaire 


Insert 


Annen b 


Pour obtenir: 
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omment descrbing y 
root element 


Maintenant, il nous faut ajouter les éléments enfants au_id, au _Iname, au_fname, …. Pour ce 
faire, nous procédons à nouveau a peu près de la même manière que pour ventes (mis à part le 
unbounded) autant de fois que nécessaire: 


Element 


Sequence 


Choice 


Comment describing your 
root element 


et re-Insert/Element et re... et re... et re... etc. jusqu'à obtenir (après renommage des petites 
cases): 


Mais ce n'est pas tout. Pour travailler vraiment proprement, il faut définit le type de données 
que doit/peut contenir chaque élément. Pour ce faire, à nouveau dans la partie droite de la 
fenêtre de XMLSpy, vous avez: 


Details ———————…——…—__—_ + x 


name au_Iname 
isRef 


minO cc 


maxOcc 


type 


content 
derivedBy 
default 


fied 
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Remarque: si vous mettez le minOcc d'un élément à 0, alors celui-ci devient optionnel! 


et vous pouvez choisir tous les types de données les plus important pour MS Office 2003 
(dates, nombre entiers, booléens, chaîne de caractères, etc.). Une fois vos choix effectués pour 
chaque élément vous aurez le résultat suivant (observez bien le coin supérieur gauche des 
boîtes d'éléments): 


El 


HewDataSet [- 


Comment describing your 
root element 


et voilà votre XSD terminé. Si vous allez maintenant dans l'ongle Text vous retrouverez le 
code tout fait tout beau. Ceci avec le moindre effort. 


Et si vous liez le document XML au fichier XSD: 


<?xml version="1.0" encoding="iso-8859-1"?> 
<NewDataSet xmins:xsi="http://www.ws3.org/2001/XMLSchema-instance" 
xsinoNamespaceSchemaLocation="ventes.xsd"> 


Vous pouvez alors, toujours dans XMLSpy, vérifier la conformité (à l'aide du XSD) en 


E7 


cliquant sur = == et vous obtiendrez: 


This file is well-formed. Please note: you can also validate an XML file against its 
@ document type definition. 


Comme quoi il est bien conforme. 


Il est aussi valide par ailleurs E (indépendamment du XSD): 


7 This file is valid. 


Maintenant que nous sommes équipés d'un XML et du XSD nous pouvons aller dans MS 
Excel ! 
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Remarques: 


R1. Ce n'est pas le travail de l'employé lambda de faire le fichier XSD mais du responsable 
informatique (ou d'un de collègues du responsable informatique). 


R2. Le fichier XML peut provenir de n'importe où lorsqu'il arrive dans les mains de 
l'employé. Le contenu du fichier XML peut même être mis à jour à distance sans que 
l'employé ait besoin de faire quoi que ce soit. 


R3. L'employé peut très bien au besoin avec de maigres connaissances remplir à la main un 
fichier XML. 


Considérons la situation suivante (qui devrait être la plus courant parmi les deux proposées): 
un employé reçoit un fichier XML (pour l'exemple nous prenons celui présenté tout à l'heure). 
Avant de travailler 1l faut que quelqu'un lui transmette le fichier XSD correspondant à la 
norme d'utilisation interne à son entreprise. 


Une fois MS Excel 2003, pour importer correctement les données XML il faut procéder de la 
manière suivante: 


Aller dans les options du volet office (désolé j'ai pour habitude de travailler qu'avec des 
logiciels anglophones il est prouvé qu'ils sont plus stables que les version en d'autres 
langues) et choisir l'option Source XML (XML Source): 


| 
«| :{Getting Started vx 
D Getting Started 
M Help 
: Search Results 
Clip ârt 
J Le. 
Research 


«4 Clipboard 


New Workbook 


56 


Shared Workspace 


Ex Document Updates y" 


*ML Source 


Budgets. xls 


änalyse des Compétences Ruag 
Electronics S4.xls 


TableOutput,xls 
Tableärticles,.xls 


& More. 


L] Create a new workbook... 


Dans le volet apparaît un bouton dans le coin inférieur droit. Cliquez dessus: 
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XML Maps... 


Au fait, MS Excel vous demande d'aller chercher le fichier de Mappage de votre XML 
correspondant au fait à votre fichier XSD. Allez donc chercher celui-ci après avoir cliqué sur 
le bouton Ajouter (Add): 


CCE x 


XML maps in this workbook: 


Name [Root | Namespace 


Réname,, | dd... | DEIEtE Î Cancel | 
2 


Si vous avez beaucoup de fichiers XML/XSD à traiter un conseil... renommez-les dans la 
fenêtre ci-dessus en cliquant sur Renommer (Rename : 


OC EEEEEEEEEEEEEEn X 


XML maps in this workbook: 


ra MEME space 


NewDataSet <No Namespace > 


le nom de notre nœud principal 


add... | Delete | OK | Cancel IL 


Cliquez ensuite sur OK. 


Remarque: si vous voulez un namespace dans un fichier XSD (en prenant l'exemple actuel) 
rajoutez le texte indiqué en rouge dans la ligne suivante du fichier XSD: 


<xsd:schema xmins:xsd="http://wWww.w3.org/2001/XMLSchema" 
elementFormDefault="qualified" attributeFormDefault="unqualified" 
targetNamespace="http://sciences.ch"> 


Voilà ce qui apparaît dans le volet (le contenu dépend évidemment du schéma. ici c'est un cas 
extrêmement simple): 
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XML maps in this workbook: 


| ventes | 


NewDataSet 
E-lÿ ventes 
.…{—] au_id 
au_Iname 
.…{—] au_fname 
EX phone 


C-] address 
ET city 

E-] state 
I zip 

EI contract 
FE | ventes 


Vous remarquezer l'étoile rouge sur Ventes. Cela signifie simplement que dans le fichier XSD 
nous avons spécifié ce champ comme devant être obligatoirement informé! 


S1 vous souhaitez maintenant préparer l'import d'une partie ou toutes les données dans uns des 
feuilles de votre choix (pour les traiter ensuite comme vous le voulez avec MS Excel: filtres, 
tableaux croisés, consolidation, graphiques, etc.) glissez-déplacez les champs voulus dans la 
feuille (en prenant le petit dossier ventes vous prendrez tout d'un coup): 


au_Iname au_fname phone address city i contract ventes 


Voilà notre tableau de mappage tout prêt. Remarquez la barre d'outils spécifique aux futures 
données XML importées... nous y reviendrons. 


Maintenant pour importer les données XML elles-mêmes, cliquez sur le bouton /mportes 
données XML (Import XML Data) de votre barre d'outils Liste (List): 


X 


Import XML Data] 


suivez les procédure accessible à un débutant et allez chercher le fichier XML ventes.xml: 


fl >jau_Iname +[au_fname v/[phone 
2 |172-32-1176 Einstein Albert 408 496-723 10932 Bigge Rd. Menlo Park CA 


Max 406 434-543 4304. Hollywood St. Hall. Bvd. CA 


XML 95/257 


V.ISOZ Version du 2015-09-22 


et voilà du tout cuit. 


Quelques explications: 


1. On peut manipuler ces données comme un tableau normal MS Excel mais tout de fois 
sans déplacer les données (rien n'empêche de faire des formules de liaison sur d'autres 
feuille ceci dit) 


2. Les données sont liées au fichier MS Excel dans le sens fichier XML — Excel et non 
dans le sens inverse (nous verrons comment faire pour l'avoir dans l'autre sens). 


Habituellement les données dans le fichier XML sont mise à jour par un responsable 
mais si l'utilisateur du fichier souhait mettre alors à jour son tableau XML il n'a qu'à 


«® 
cliquer sur le bouton î de la barre d'outils List (comme pour tout import habituel 
dans MS Excel). 


3. On peut exporter/importer ces listes dans SharePoint Portal Server. 


Voyons maintenant un par un les boutons de la barre d'outils List: 


Delete 
BÙ Sat 3 
Form... 4 
Publish List... 5 
Resize List... 6 

7 
Convert to Range 8 


9 


Légendes: 


L1. & L2. Rien à dire de spécial. Ajouter/Supprime des colonnes dans la feuilles Excel mais 
ne modifie pas le fichier XML derrière 


L3 & L4. Rien à dire. Fonction connue par tous (existe depuis 1997 dans MS Excel...) 


LS. Fonction valable uniquement pour les entreprises possédant Share Point Portal Server (eh 
oui ! désolé...) 


L6. Permet de délier les zones non sélectionnées de la table du fichier XML (si vous 
sélectionnez les lignes 1 & 2, la ligne numéro 3 sera déliée du fichier de la zone dynamique 
XML). Démo: 
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On ne sélectionne que les deux premières: 


i 
6 
7 a 
8 List + =] Toggle Tot x 
g Select the new data range For your list: 
10 $A$1:$1$2 
11 Note: The headers must remain in the same row, 
12 and the resulting list range must overlap the 
13 original list range. 
14 
15 
16 


Quand on clique sur OK, toutes les lignes qui sont en-dessous sont "ejectées" du tableau 
dynamique XML: 


172-32-1176 Einstein Albert i L 34025 TRUE 
Es 


172-32-1233 Planck Max 406 434-543 4304. Hollywood St. Holl. Bvd. CA 454 


Albert ; igge Rd | 34025 TRUE 
72-32-1233 Planck Max 408 434-543 4304. Hollywood St. Holl. Byd. CA "3454 FALSE 
x L 
172-32-1233 Planck Max 406 434-543 4304. Hollywood St. Holl. Bvd. CA 454 FALSE 300 
C.Q.FD. 


Remarque: dans votre sélection, vous devez toujours avoir la première ligne (ligne de titre). 


L7. Fonction valable à nouveau uniquement pour les entreprises possédant Share Point Portal 
Server (désolé...) 


L8. Convertit tout le tableau en zone déliée du fichier XML (c'est tout. c'est l'équivalent de 
L6 mais pour tout le tableau quoi...) 


L9 & L10. Fonctions valables à nouveau uniquement pour les entreprises possédant Share 
Point Portal Server (désolé...) 


L11. Pas vraiment utile... insère une somme automatique de types de données numériques 
(relativement à ce que vous aviez défini lors de la création du fichier XSD) dynamique qui se 
déplace dans le tableau au fur à mesure que des données apparaissent ou disparaissent: 
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au fname phone address city state zip contract ventes 
Albert 408 496-723 10932 Bigge Rd. Menlo Park CA 4025 TRUE 


Max 406 434-543 4304. Hollywood St. Hall. Byd. CA 3454 FALSE 


L12 & L13. Fonctions valables à nouveau uniquement pour les entreprises possédant Share 
Point Portal Server (désolé...) 


L14. On connaît déjà... Met à jour les données entre le fichier XML et Excel. Pour essayer, 
allez dans le fichier XML et rajoutez "à la main une ligne" et faites une mise à jour. Exemple 
(bof..…): 


address 


city 


172-32-1176 Einstein Albert ADS 496-723 110932 Bigge Rd. Menlo Park CA 94025 TRUE 600 
172-32-1233 Planck Max 408 434-543 4304. Hollywood St. Hall. Bvd. CA "3454 FALSE 300 
156-78-146-116 Isoz Vincent 076 329 35 88 Ch. de Chandieu 20 Lausanne Suisse 1006 TRUE 1200 


x 
otal 


L15. On connaît déjà. Mais cependant une remarque s'impose: si vous êtes un peu 
"procédurier" (pardon mais y'a pas d'autres termes) vous pouvez importer des données non 
correspondant au fichier XSD mais alors attention pour la suite. 


L16. C'est ici que notre fichier XSD joue son rôle. On peut exporter les données insérées dans 
un autre fichier XML et pour que celui-ci soit vraiment "propre et clean" 1l faut avoir importé 
d'abord son XSD en mappage. 


Exemple: changeons (ou insérons) à la main les données du tableau ci-dessus (nous avons 
supprimé Planck et changé Vincent en Aline): 


Ë au_Iname au fname phone address city zip contract ventes 
172-32-1176 Einstein Albert 408 496-723 10932 Bigge Rd. Menlo Park CA 4025) TRUE 600 


156-78-146-116 Isoz Aline 076 329 35 88 Ch. de Chandieu 20 Lausanne Suisse 1006 TRUE 1200 


Voici le fichier XML une fois exporté: 


<?xml version="1.0" encoding="UTF-8" standalone="yes"?> 
<NewDataSet> 

<ventes> 
<au_id>172-32-1176</au_id> 
<au_Iname>Einstein</au_Iname> 
<au_fname>Albert</au_fname> 
<phone>408 496-723</phone> 
<address-10932 Bigge Rd.</address> 
<city>Menlo Park</city> 
<state-CA</state> 
<zip>94025</zip> 
<contract-true</contract> 
<ventes-600</ventes> 

</ventes> 

<ventes> 
<au_id>156-78-146-116</au_id> 
<au_Iname>lsoz</au_Iname> 
<au_fname>Aline</au_fname> 
<phone>076 329 35 88</phone> 
<address>Ch. de Chandieu 20</address> 
<city-Lausanne</city> 
<state-Suisse</state> 
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<zip>1006</zip> 
<contract>-true</contract> 
<ventes>1200</ventes> 
</ventes> 
</NewDataSet> 


Tout est parfait !!!! 


On peut d'ailleurs vérifier si le schéma est compatible pour l'export en cliquant dans le volet 
Office sur le lien suivant: 


To import data, use the Import XML 
Data button on the List toolbar. 


Options + | | XML Maps... 


ify Map For Export... 


Dès lors si vous avez un XSD (à nouveau je rappelle que cela marche aussi sans XSD mais 
alors c'est pas du travail 100% pro.): 


Microsoft Excel x{ 


1 ventes is exportable. 


Ouf ! quand même... 


L17. Affiche les propriétés du Mapping: 


XML Map Properties X| 
Name: [ventes 


XML schema validation 
[ Validate data against schema for import and export 


Data source 
M Save data source definition in workbook 


Data Formatting and layout 
FN Adjust column width 
FN Preserve column filter 
FN Preserve number Formatting 


When refreshing or importing data: 
 Overwrite existing data with new data 


© Append new data to existing XML lists 


Cancel | 


Pour comprendre ce que font ces options, il suffit de lire... la seule qui peut poser problème 
de compréhension est la première mais c'est elle aussi qui met en avance la puissance du 
XSD. 
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Démo: 
Rappelez-vous que la balise Ventes est du type Integer (nous l'avons défini ainsi dans 


XMLSpy). Si la première case à cocher n'est pas activée dès lors quand nous exportons le 
tableau suivant: 


Einstein Albert 406 496-723 10932 Bigge Rd. Menlo Park CA 


172-32-1233 Planck Max 406 434-543 4304. Hollywood St. Er. Bvd. 1ca 
156-78-146-116 1s0z Vincent 076 329 35 88 Ch. de Chandieu 20 Lausanne Suisse 
Es 


Cela passe comme une lettre à la poste alors que c'est... pas bien pas bien du tout... 


Notre utilisateur peut mettre des données erronées et exporter sans problèmes ça c'est pas pro! 
Mais si on a un bon fichier XSD et qu'on active la case à cocher Validate data against... et 
qu'on essaie un export: 


Microsoft Office Excel x! 


The XML data was successfully saved or exported, The data is not valid 
according to its schema. 


Click Details For more information, 


Ok | 


Details 


Error parsing ‘abc' as integer datatype, 
The element ‘ventes’ with value ‘abc' Failed to parse, 


C'est pas beau ça hein !!! Voilà à quoi il sert le XSD dans MS Excel... à bien faire les choses 
à l'import ET à surtout à l'export. 


L18. Fonction valable à nouveau uniquement pour les entreprises possédant Share Point 
Portal Server (décidemment.…. lol) 


L19. & L20. Bof rien à dire... déjà connu par tout le monde 


Il est bien évident que les outils présentés ci-dessus ont pour objectif d'éliminer le vieux et 
pitoyable et catastrophique et impropre Enregistrer-sous au format XML de MS Office 2002. 
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10.1.1 MS Excel 2003 VBA 


Il est possible de parser un fichier XML en VBA. Cet exemple de code peut s'appliquer (après 
quelques petites adaptations) aussi bien à tous les autres logiciels de la suite MS Office et est 
bien évidemment beaucoup plus flexible qu'une simple macro enregistrée dans MS Excel 
2003 ou supérieur (bien que ces dernières soient tout à fait fonctionnelles). 


Considérons le fichier XML suivant nommé fest.xml et enregistré au même endroit que le 
fichier Excel contenant notre code VBA: 


<?xml version=".0"?> 
<SiteVisits- 

<Country CountryName="USA4"> 
<TotalVisits-1348</TotalVisits= 
<LatestVisit-1/4/2000<1Latest visit 

<iCountry> 

<Country CountryName="UK"> 
<TotalVisits-764</TotalVisits> 
<LatestVisit-1/4/2000<1Latest visit 

<iCountry> 

<Country CourtryName="4rgentina"- 
<TotalVisits-175</TotalVisits> 
<LatestVisit-1/2/2000<1Latestvisit- 

<iCountry> 

<Country CourtryName="Brazil"> 
<TotalVisits-182<iTotalVisits> 
<LatestVisit-1/4/2000</1LatestVisit 

<iCountry> 

<Country CountryName="Canada"- 
<TotalVisits-688</TotalVisits> 
<LatestVisit-1/3/2000</1LatestVisit- 

<Country> 

<Country CountryName="Denmark"- 
<TotalVisits-204</Total isits> 
<LatestVisit-1/2000<Latestisit- 

<iCountry> 

<Country CountryName="Germany"- 
<TotalVisits-351</TotalVisits> 
<LatestVisit-1/4/2000<1Latestvisit- 

<iCountry> 

<Country Courtr/Name="Hong Kong"> 
<TotalVisits-97</TotalVisits> 
<LatestVisit-12/30A 999<iLatest Visit 

<iCountry> 

<Country CountryName="lreland"> 
<TotalVisits-522</TotalVisits> 
<LatestVisit-1/4/2000<1Latestisit- 

<iCountry> 

<Country CountryName="Malaysia"- 
<TotalVisits-14</Total isits= 
<LatestVisit-12/31 A 999<iLatest Visit 

<iCountry> 


Le code VBA suivant va importer les données dans la feuille Excel active (ne pas oublier 
d'ajouter les références XML au projet VBA!): 
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References - YBAProject _X!{ 


ävailable References: 


Microsoft Forms 2.0 Object Library 


Visual Basic For Applications Cancel | 
Microsoft Excel 11.0 Object Library 

OLE äutomation 

Microsoft Office 11.0 Object Librar Browse... | 
Microsoft XML, « 

atpvbaen,xls +| 

funcres 

Internet _Assistant Priority | 


145 Helper COM Component 1.0 Type Library +| 

145 RADIUS Protocol 1,0 Type Library 

3D Studio MAX IPTex Type Library 

:-) VideoSoft YSFlex 6.0 Controls (OLEDE) 

CD Base Automation Library »Ê 
L 


2 [ICI III IRIRIRIKIR] 


Microsoft XML, 5.0 


Location: C:\Program Files\Fichiers communs\Microsoft Shared\OFFICE1 
Language: Standard 


Sub XMLChsrger() 

‘On déclare un objet de type document XML que l'on parcourra à l'aide de DOM 

Data Object Model 

Dim oDoc As MSXML2.DOMDocument 

Cette variable sera utilisée pour vérifier que l'on a bien chargé le fichier 

Dim fSuccess As Boolean 

Cette variable sera utilisée pour se positionner au niveau du nœud racine du document 
Dim oRoot As MSXML2.IXMLDOMNode 

Cette variable sera utilisée pour parcourir chaque noeud pays de l'élément racine 

Dim oCountry As MSXML2.IXMLDOMNode 

Cette variable sera utilisée pour accéder à l'attribut (valeur) d'un noeud 

Dim oAttributes As MSXML2.IXMLDOMNamedNodeMap 

"Cette variable sera utilisée avec oAttributes pour lire la valeur du nœud Country 

Dim oCountryName As MSXML2.IXMLDOMNode 

"Cette variable sera utilisée pour parcourir les nœuds enfants de oCountry 

Dim oChildren As MSXML2.IXMLDOMNodeList 

"Cette variable sera utilisée pour accéder à un nœud enfant particulier 

Dim oChild As MSXML2.IXMLDOMNode 

"Cette variable sera utilisée pour écrire les valeurs des nœuds dans les cellules 
Dim intl As Integer 

‘On créée une instance de oDoc dans la mémoir 

Set oDoc = New MSXML2.DOMDocument 

‘On charge le fichier XML du disque sans le valider par du XSD et on attend qu'il soit fini 

d'être chargé 
oDoc.async = False 
oDoc.validateOnParse = False 
‘le fichier XML doit se trouver dans le même dossier que le fichier XSL dans cet exemple 
fSuccess = oDoc.Load(ActiveWorkbook.Path & "test.xml") 
If fSuccess Then\ 
msgbox "Chargement du fichier réussi" 
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End If 
‘on écrit à partir de la ligne 2 car la premère contiendra les titres 
intl = 2 
‘On crée la ligne de titre 
ActiveSheet.Cells(1, 1) = "Country" 
ActiveSheet.Cells(1, 2) = "Total Visits" 
ActiveSheet.Cells(1, 3) = "Latest Visit" 
‘On se positionne sur le nœud racine 
Set oRoot = oDoc.documentElement 
"Pour chaque nœud enfant direct de la racine. 
For Each oCountry In oRoot.childNodes 
"On se positionne sur le noeud 
Set oAttributes = oCountry.Attributes 
‘On extrait de Inom de country. 
Set oCountryName = oAttributes.getNamedItem("CountryName") 
et on le place sur la feuille 
ActiveSheet.Cells(intIl, 1). Value = oCountryName.Text 
‘pour le pays en cours on parcoure tous les nœuds enfants 
Set oChildren = oCountry.childNodes 
For Each oChild In oChildren 
"On vérifie si le noeud est bien celui que l'on recherche pour le positionner dans la bonne 
colonne 
If oChild.nodeName = "TotalVisits" Then 
ActiveSheet.Cells(intl, 2) = oChild.nodeTypedValue 
Elself oChild.nodeName = "LatestVisit" Then 
ActiveSheet.Cells(intl, 3) = oChild.nodeT ypedValue 
End If 
‘On passe au prochain élément enfant de Country 
Next oChild 
intl = intl + 1 
‘On passe au prochain élément enfant de Country 
Next oCountry 
End Sub 


Le résultat obtenu sera alors le suivant: 
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Country 
USA 

UK 
Argentina 
Brazil 
Canada 
Denmark 
Germany 
Hong Kong 
lreland 
Malaysia 
Netherlands 
New Zealand 
Norway 
Scotland 
Sweden 
Wales 
Yugoslavia 
Zambia 


Latest Visit 
1345) 04.01.2000 
#64 04.01.2000 
175 02.01.2000 
162 04.01.2000 
688 03.01.2000 
204 01.01.2000 
351 04.01.2000 

97 30.12.1999 
522 04.01.2000 
14) 31.12.1999 
542 04.01.2000 
599 03.01.2000 
452 03.01.2000 
536 04.01.2000 
422 02.01.2000 
301 01.01.2000 
37 30.12.1999 
42 04.01.2000 


et pour l'export en XML on pourra utiliser la technique (très vieille car déjà utilisée à l'époque 


pour exporter en CSV, TXT ou HTML) suivante: 
Sub EcrireFichierXML() 


Dim strPath As String 


‘cette boîte de dialogue nous renvoie le nom du fichier saisi ainsi que le chemin ! 
strPath = Application.GetSaveAsFilename(fileFilter:="XML files (*.xml), *.xml") 


MsgBox strPath 
Open strPath For Output As #1 


Print #1, "<?xml version=""1.0"" encoding=""iso-8859-1""?>" 


‘on pourrait très bien rajouter ici la référence à un fichier XSL pour faire des superbes 


rapports! 
Print #1, "<SiteVisits>" 


For i = 1 To Range("Al").End(xIDown).Row Step 1 
Print #1, "<Country CountryName=""" & Cells(i, 1) & """>" 
Print #1, "<TotalVisits>" & Cells(i, 2) & "</TotalVisits>" 
Print #1, "<LatestVisit>" & Cells(i, 3) & "</LatestVisit>" 


Print #1, "</Country>" 
Nexti 
Print #1, "</SiteVisits>" 
Close #1 


End Sub 


10.2 MS Word 2003 


L'usage de XML dans MS Word 2003 et un peu plus subtil que dans MS Excel 2003 et pour 
faire un excellent usage du XML il est préférable d'avoir d'excellentes connaissances du CSS 


ou du XSL. 
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Par ailleurs, avec les outils standards mis à disposition, le XML est un peu à "usage unique”. 
On entend par là, qu'il n'y pas de nœud avec occurrences normalement pour l'usage du XML 
dans MS Word. 


Au fait, la stratégie de Microsoft semble être de faire de MS Word une interface d'une GED 
(Gestion électronique de documentation): des employés saisissent des infos dans une base de 
données, celle-ci génère un fichier XML ultra-léger et "full compliant" qui permet de créer 
un document MS Word pré-formaté ou dans l'autre sens. 


Remarque: il est malheureux que Microsoft n'ai pas pensé au publipostage avec le XML. C'est 
assez incompréhensible (il existe des outils payants qui font cela mais quand même...). Par 
ailleurs le connexion à des bases de données externes ne se fait pas avec l'XML (autre 
bizarrerie !!!) 

Mais voyons quand même de quoi MS Word 2003 est capable avec deux exemples: 


10.2.1 Lettre type (exemple 1) 


Voici une lettre type (je sais elle est moche mais pour le présent support je voulais pas faire 
quelque chose de compliqué): 
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Momsieur 

Loz Vncat 

2 Chemm de Chdèu 

1006 Luxame 

Suisse 
Mmsieur 
Eretem Albert 
pi] bche 
3000 Bem 
Suisse 

Conceme: bore Fel. 2SJO7TA 2004 Lane. le Juillet 204 

Cher Mmsieur Evete 


Taipris réception & votre dure publication corcemant a fomme covaramt duterseur 
dérergk -mpulire. Je m'ai à priori, ét celan pas été amsn al, trouré axure emreux 
cakul dns vos Evelpemerts. Lfin cependant précer à à vos lecteurs que votre 
éouatiqns des chamve nestrahbk oue Dour les espaces remamrüens. 


De mm côté, jessaë & mukarke le terseur & Ricci à certaines persons quime 
cœdactert par écri. C'esture tâche ar due. à mafhématique, vou k aurez, H'ayant pas de 


roëroyak iest difficile d'ecpliquer quelque chose d'aussi complexe. Dire que ceh 
crrsérte h courbure est certes naste maisauwsimümalite. urkz-vous ure idée ? 


Bhespérot parror voue voir bintôt, vou prè de recevoir mes sahitatiqns ke 
meilkures 


Vrcent Loz 


Le but de cet exemple: gérer le contenu en XML pour que les employés n'aient plus à faire la 
mise en page. 


Le responsable de la documentation de l'entreprise crée le fichier XSL (LettreType.xsl) de 
mise en page suivant (relativement à l'exemple): 


<?xml version="1.0" encoding="iso-8859-1"?> 
<xsl:stylesheet version="1.0" xmins:xsl="http://www.ws3.org/1999/XSL/Transform"> 
<xsl:'template match="/"> 
<html> 
<head> 
<title-Lettre Type</title> 
<meta http-equiv="Content-Type" content="text/html; charset-iso-8859-1" /> 
<link href="lettretype.css" rel="stylesheet" type="text/css" /> 
</head> 


<body> 
<table width="581" border="0" cellspacing="0" cellpadding="0"> 
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<r> 
<td class="entete"-<xsl:value-of select="lettretype/entetegauche"/></td> 
<td class="entete"-<div align="right"-<xsl:value-of select="lettretype/entetedroit"/>4</div-</td> 
</tr> 
<r> 
<td><br>-</br-</td> 
<td><br>-</br-</td> 
</tr> 
<r> 
<td width="406"><p><xsl'value-of select="lettretype/titreexpediteur"/><br /> 
<xsl:value-of select="lettretype/nomprenomexpediteur"/><br /> 
<xsl:value-of select="lettretype/adressexpediteur"/><br /> 
<xsl:value-of select="lettretype/cpvilleexpedtieur"/><br /> 
<xsl:value-of select="lettretype/paysexpediteur"/></p></td> 
<td width="175"-</td> 
</tr> 
<r> 
<td>-</td> 
<td>-<xsl:value-of select="lettretype/titredestinataire"/><br /> 
<xsl:value-of select="lettretype/nomprenomdestinataire"/><br /> 
<xsl:value-of select="lettretype/adressedestinataire"/><br /> 
<xsl:value-of select="lettretype/cpvilledestinataire"/><br /> 
<xsl:value-of select="lettretype/paysdestinataire"/-</td> 
</tr> 
<r> 
<td height="50"-</td> 
<td><br>-</br-</td> 
</tr> 
<> 
<td height="19" class="gras"-<xsl:value-of select="lettretype/concernce"/> </td> 
<td>-<xsl:value-of select="lettretype/villedate"/></td> 
</tr> 
<r> 
<td><br-</br-</td> 
<td><br-</br-</td> 
</tr> 
<r> 
<td><xsl:value-of select="lettretype/politesse"/-</td> 
<td><br>-</br-</td> 
</tr> 
<r> 
<td><br-</br-</td> 
<td><br-</br-</td> 
</tr> 
<r> 
<td colspan="2"-<xsl:value-of select="lettretype/paragraphet"/-</td> 
<hr> 
<r> 
<td><br>-</br-</td> 
<td><br></br-</td> 
</tr> 
<r> 
<td colspan="2"-<xsl:value-of select="lettretype/paragraphe2"/-</td> 
</tr> 
<r> 
<td><br>-</br-</td> 
<td><br-</br-</td> 
</tr> 
<r> 
<td colspan="2"-<xsl'value-of select="lettretype/salutations"/></td> 
</tr> 
<r> 
<td><br>-</br-</td> 
<td><br-</br-</td> 
</tr> 
<r> 
<td><br-</br-</td> 
<td>-<xsl:value-of select="lettretype/signature"/-</td> 
</tr> 
<r> 
<td><br>-</br-</td> 
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<td><br>-</br-</td> 
</tr> 
<r> 
<td height="341"-</td> 
<td><br-</br-</td> 
</tr> 
<r> 


<td height="19" valign="bottom" class="pieddepage">-<xsl:value-of select-"lettretype/piedgauche"/></td> 
<td valign="bottom" class="pieddepage"><div align="right"><xsl:value-of select="lettretype/pieddroit"/></div-</td> 


</tr> 
</table> 
</body> 
</html> 
</xsl'template> 
</xsl'stylesheet> 


Dont voici le contenu du petit fichier CSS (lettretype.css) correspondant (il met les bordures 


des en-têtes et pieds de page, et le Concerne en gras): 


-entete { 
border-top-style: none; 
border-right-style: none; 
border-bottom-style: dotted; 
border-left-style: none; 
border-bottom-width: thin; 
border-bottom-color: #000000; 

} 

.-pieddepage { 
border-top-width: thin; 
border-right-width: thin; 
border-bottom-width: thin; 
border-left-width: thin; 
border-top-style: dotted; 
border-top-color: #000000; 
border-right-color: #000000; 
border-bottom-color: #000000; 
border-left-color: #000000; 


} 

.gras { 
font-family: “Times New Roman", Times, serif; 
font-weight: bold; 
font-size: l4px: 

} 


et enfin le fichier XML (lettretype.xml) correspondant: 


<?xml version="1.0" encoding="UTF-8"?> 
<?xmli-stylesheet type="text/xsl" href="LettreType.xsl"?> 
<lettretype> 


<entetegauche>P.R.L.</entetegauche> 
<entetedroit-28.08.2004</entetedroit> 


<titreexpediteur>-Monsieur</titreexpediteur> 
<nomprenomexpediteur-Isoz Vincent</nomprenomexpediteur> 
<adressexpediteur-22 Chemin de Chandieu</adressexpediteur> 
<cpvilleexpedtieur-1006 Lausanne</cpvilleexpedtieur> 
<paysexpediteur-Suisse</paysexpediteur> 


<titredestinataire-Monsieur</titredestinataire> 
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<nomprenomdestinataire-Einstein Albert<nomprenomdestinataire> 
<adressedestinataire-20 Zitglclocke</adressedestinataire> 
<cpvilledestinataire>3000 Bern</cpvilledestinataire> 
<paysdestinataire-Suisse</paysdestinataire> 


<concernce-Concerne: lettre Réf. 28J07A2004 </concernce> 
<Villedate-Lausanne, le 28 Juillet 2004</villedate> 


<politesse>Cher Monsieur Einstein, </politesse> 

<paragraphe1>J'ai pris réception de votre dernière publication concernant la forme covariant du tenseur d'énergie- 
impulions. Je n'ai à priori, et cela n'a pas été sans mal, trouvé aucune erreur de calcul dans vos développements. Il 
faudra cependant préciser à vos lecteurs que votre équations des champs n'est valable que pour les espaces 
riemanniens.</paragraphei> 

<paragraphe2>De mon côté, j'essaie de vulgarise le tenseur de Ricci à certaines personnes qui me contactent par écrit. 
C'est une tâche ardue... la mathématique, vous le savez, n'ayant pas de voie royale il est difficille d'expliquer quelque 
chose d'aussi complexe. Dire que cela reprsénte la courbure est certes juste mais aussi minimaliste. Auriez-vous une 
idée ?</paragraphe2> 

<salutations>En espérant pouvoir vous voir bientôt, je vous prie de recevoir mes salutations les meilleures</salutations> 
<signature>Vincent ISOZ</signature> 


<piedgauche>P.R.L.</piedgauche> 
<pieddroit>28.08.2004</pieddroit> 


</lettretype> 


et cela donne exactement la page (réf. capture d'écran de la lettre type) que vous avez vu tout 
à l'heure. 


Avantages jusqu'à maintenant (pour les documents types): 


1. L'employé n'a pas besoin de connaître les techniques de mise en page pour créer une 
lettre propre. Il Lui suffit d'ouvrir le fichier XML et de saisir les infos entre les balises 
(exercice dont un enfant de 7 ans serait capable d'après le consortium du W3C). 


2. Les documents gérés sont très légers. Effectivement: les 3 fichers XML + XSL + CSS 
font 5.27 Ko à eux trois alors que le fichier MS Word correspondant fait environ 30 


documents par année le gain de place et de productivité !!!) 


3. Les données XML peuvent êtres centralisées dans n'importe quel système de Base de 
données ou être ré-utilisables dans n'importe quel logiciel compatible avec XML. 


4. Les données XML satisfont bien évidemment les protocoles de sécurités pour les flux 
XML des webservices (au besoin...) 


5. On peut appliquer à tout moment une nouvelle mise en page différente de la première 
en créant un nouveau fichier XSL sans avoir besoin de ressaisir les données. 


Bon et puis MS Word dans tout cela ? Nous y venons. Avant, enlevez de votre fichier XML la 
ligne suivante 


<?xml-stylesheet type="text/xsl" href="LettreT ype.xsl"?>. 


Maintenant, ouvrons notre fichier XML dans MS Word 2003 en allant dans Fichier/Ouvrir 
chercher lettretype.xml. 
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Vous avez donc la possibilité de changer le contenu du fichier XML depuis MS Word (mais 
ce n'est pas obligatoire... si vous voyez où je veux en en venir...): 


EN | <> Ci | | : D Le x 


‘ File Edit View Insert Format Tools Table Window Help AdobePDF Acrobat Comments Type a q n for help + X 
DSHLSAATÉIDATI2.C.SUEBRERISS IN Tic -©|mreu] 

: A4 Normal + Times New Roman » 12 »|B Zu El= = = != = j È 

CORNE ENRERNEE EEE EN ET ERRE EEE EEE EEE TEEN NN EN EE CNRE EEE NET NE NEC : XML Document * x 


XML data views 


This XML document has multiple data 
views, Before making changes to the 
document, choose the data view 


(aentetegauche PRL. Jentetegauche ») 


(tentetedroit[28.08.2004 Jentetedroit») 


(atitreexpediteur (Monsieur Jtitreexpediteur ») (XSLT) to apply. 
Data only 
“nomprenomexpediteur (Ts0z Vincent }nomprenomexpediteur Browse... 


“adressexpedteur(22 Chemin de Chandieu Jadressexpedteur») 
(cpvileexpedtieur (1006 Lausanne Jcpvileexpedtieur») 

(QI paysexpediteur (Suisse Jpaysexpediteur D 

(atitredestinataire [Monsieur Jtitredestinataire ») 
(inomprenomdestiataire Einstein Albert nomprenomdestinataire ») 
(adressedestinataire[20 Zitglctocke Jedressedestinataire ») 
(cpvilledestinataire {3 000 Bern Jcpviledestinataire ») 
(apaysdestinataire ï Suisse }paysdestinataire ») 
(iconcemnce[C'onceme : lettre Réf. 2810742004 Jconcernce ») 
(cviledste (Lausanne, le 28 Juillet 2004 Iviledate ) 

(politesse (Cher Monsieur Einstein, Jpoltesse ) 


£'paragraphet [J'ai pris réception de votre dermière publication concernant la forme covariant du tenseur d'énergie-impulions. Je 
n'ai à prion, et cela n'a pas été sans mal, trouvé aucune erreur de calcul dans vos développements. Il faudra cependant 


préciser à vos lecteurs que votre équations des champs n'est valable que pour les espaces rnemanniens. Jparagraphet | 


(paragraphe2(De mon côté, j'essaie de vulganise le tenseur de Ricci à certaines personnes qui me contactent par écrit. C'est 
une tâche ardue. la mathématique, vous le savez, n'ayant pas de voie royale 1l est difficille d'expliquer quelque chose d'aussi 


=[(6)e :u14| | 
:Draw+ D | AutoShapesr N x OBd:: Am à:2: A-= sas} 


ES 


5 
o 
+ 


On voit ci-dessus en rose les balises XML qui respectent d'ailleurs par leur position les 
hiérarchies du fichier XML. On voit également à droite de l'écran une option Parcourir 
(Browse) et Données seulement (Data only). Eh bien... cliquons sur Browse et allons ch 
notre document XSL (c'est ce que fera l'employé normalement). 


Le résultat dans MS Word est alors (c'est pas puissant ça !!192777): 


CEE NE | <7 Su | | : 


- File Edit View Insert Format Tools Table Window Help AdobePDF Acrobat Comments Type a question For help 


DES SAITÉIDAY 9.0.8 UTBEIT SN 2% © |) 
: A4 Normal + Times New Roman 2 Eh u (EE = = !=- ELz##o-#.A-R 
Eu : XML Document x 


XML data views 


XSLT) to apply. 
PRL. 28.08.2004 Data only 

LettreType,xsl 
Monsieur dd 


Isoz Vincent 

22 Chemin de Chandieu 
1006 Lausanne 

Suisse 


RE EE 


Monsieur 
Einstein Albert 
20 Zitglclocke 
3000 Bern 
Suisse 


OT D 


vids 


Concerne : lettre Réf 28]J0742004 Lausanne, le 28 Juillet 2004 
Cher Monsieur Einstein, 


J'ai pris réception de votre dernière publication concernant la forme covariant du tenseur 
d'énergie-impulions. Je n'ai à priori, et cela n'a pas été sans mal, trouvé aucune erreur de 
calcul dans vos développements. Il faudra cependant préciser à vos lecteurs que votre 
équations des champs n'est valable que pour les espaces niemanniens. 


1 ES DID L 


De mon côté, j'essaie de vulgarise le tenseur de Ricci à certaines personnes qui me 
2 Ds contactent nar écnit. C'est une tâche ardue. la mathématique. vous le savez n'avant nas de 
IEEE 


TOME NE CEEETEIEPRNEEET ET) 
Page 1 SEC 12 ât 25cm Lni  Coli REC TRK EXT OVR French({Fra 
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et vous pouvez à tout moment rebasculer en mode Data Only pour changer les données (cela 
m'émeut tellement c'est beau...) ou appliquer un autre fichier XSL. 


Le responsable de la documentation peut changer aussi à tout moment le fichier CSS pour que 
cela s'applique à la centaine voir millier de documents de la centaine ou millier d'employés de 
son entreprise (imaginez !!!). 


S1 l'employé change les données du fichier XML d'origine dans MS Word, 1l peut à tout 
moment aller dans Enregistrer sous et Voici ce qui apparaît: 


a 


XML dat: 
This XML 
views. Bi 
Save in: [S Bureau “| ® - À | Q X Cà EA » Toos- 
ee, Om | 
(entetedroit{28, 08.201 ; relativité universelle 


Cureopecreur( Mons: MN Document fe etre 
mt, € 
(icpuleexpedteur( 1006 | Desktop 
(ipayserpediteur [Suisse ps, 
Étredeanare [Mons LA 
(nomprenomdestinataire | My Documents 
Career (29 
(cpuiledestinataie [3000 # 
(paysdestinataire (Suis Haas 


Transform: 


ficoncemee(c: Transformi 

oncerne 

“willedate (Lausanne, : | My Network M Save data only - 

Cher Mons Places Save as type: [em Document (*,xml) >| Cancel L 


(uparsgraphet [J'ai pris réception de votre dernière publication concernant la forme covariant 
du tenseur d'énergie-impulions. Je n'ai à priori, et cela n'a pas été sans mal, trouvé aucune 


mmmmens Te mnt num mnmm inmnt mins moon minhe M Luuodeon mmue mie nick mm mimmre Summ mn fn mbune 


Donc il peut par défaut (car l'option Save Data Only est activée) enregistrer les nouvelles 
données dans un nouveau fichier XML (qui sera parfaitement propre contrairement à la m... 
que faisait MS Office 2002) pour le renvoyer au responsable informatique pour que celles-ci 
soient aussi centralisées dans une GED pour l'envoyer à une personne qui ne pourrait pas 
ouvrir les fichiers *.doc, *.rtf, etc. 

Attardons-nous sur l'option: Apply Transform 

Pour l'utiliser 1l faut d'abord: 


1. Être en mode Data Only 


2. Aller dans Enregistrer sous et cocher les deux cases Save Data Only ET Apply 
Transform 


3. Cliquer sur le bouton Transform pour aller cherche le fichier XSL 
4. choisir un nom de fichier. et enregistrer 


5. Changer l'extension du fichier résultant de .xml à .htm 
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Résultat ? Un fichier à l'extension *.xml mais ne contenant que du HTML ! Donc un 


document simple préformaté avec les données et lorsqu'on ouvre ce fichier dans MS Word 
(Fichier/Ouvrir): 


FAI DATYI2-0-SUETRH||SS EL * © | Hreod D 
Jew Roman + 12 *|B Z u |(=|= = = }=- = Ë 


RE: nn 2 nr 4ui SerGere7er.gtig: ee …. … SNS 
1 : : : 


Enr 23.08.20044 


Morsieur 

Isoz Vincent 

22 Cherain de Chandieu 
1006 Lausanne 

Suisse 


Morsieur 
Einstein Albert 
20 Zi 

3000 Bem 
Suisse 


Conceme : lettre Réf. 28J0742004 Lausanne, le 28 Juillet 2004 


Cher Monsieur Einstein, 


J' ai pris ni. de votre demière publication concemant la fomne covariant du tenseur 

. Je n'ai à priori, et cela n'a pas été sans mal, trouvé aucune erreur de 
calcul dans vos développements. Il faudra cependant préciser à vos lecteurs que votre 
équations des champs n'est valable que pour les espaces nemammuens. 


De rmon côté, j'essaie de vulgarise le tenseur de Ricci à certaines personnes qui re 
contactent par écnit. C'est une tâche ardue… la mathématique, vous le savez, n'ayant pas de 
voi royale il est difficille d'expliquer quelque chose d'aussi complexe. Dire que cela 
reprsénte la courbure est certes juste mais aussi minimaliste. Aunez-vous une idée ? 


En espérant pouvoir vous voir bientôt, je vous prie de recevoir mes salutations les 
meilleures 


Vincent Isoz 


\OOSA4Gmdd-Z£ Ar=F5E0 8) 


At 78cm Lni2 Col? REC TRK EXT OVR German(Swi [ÊX 


et voilà ! Il suffit d'envoyer cela à un collègue qui ne sait pas comment appliquer dans MS 
Word des fichiers XSL sur des XML pour qu'il ait la forme finale du document. 


Remarque: au peut au besoin aussi changer l'extension de *.xml en *.htm pour avoir une 
simple page web publiable sur n'importe que intra ou extranet. 


Voilà ! C'était le premier exemple. Passons au deuxième. 


10.2.2 Lettre type (exemple 2) 


On ouvre MS Word et on va dans l'onglet Office choisir Structure XML (XML Structure): 
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© Ü 5 XML Structure F7 


g:4 


You can apply your own XML elements 


Getting Started to a Word XML document, 
Help k In order to apply your own XML 
elements in this document, you must 
Search Results first select a schema. 
lp 4 
Pie You can do this by going to: 
Research Templates and Add-Ins.… 


Clpboard 


New Document 
Shared Workspace 
Document Updates 


Protect Document 


Styles and Formatting 


Reveal Formatting 


Mail Merge 


XML Structure 


Quand vous cliquez sur Templates and Add-ins voici ce qui apparaît: 


Templates and Add-ins ?1x| 


Templates XML Schema | XML Expansion Packs | Linked CSS | 


Available XML schemas 
Checked schemas are currently attached: 


A Add Schema... | 
Schema Library. | 
*ML Options... | 


p| 


Schema Information 


URI: 
Path: 


Schema validation options 
FN Yalidate document against attached schemas 
F Allow saving as XML even if not valid 


Les onglets Modèles (Templates), CSS Liés (Linked CSS), existent déjà depuis la version 2002 
de MS Office 2000 et ne concernent pas vraiment le XML (bien que... mais cela dépasse le 
cadre de ce support). 


Le troisième onglet XML Extension Packs sort également du contexte de ce support. Il 
concerne les développeurs .Net qui créent des documents d'un nouveau type sous MS Office 
2003 que nous appelons des "Smart-Documents". C'est beaucoup plus complexe et beaucoup 
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plus puissant que tout ce que nous avons vu jusqu'à maintenant donc nous ne nous y 
attarderons pas non plus. 


Donc finalement (et c'est déjà pas... mal), nous nous limiterons à l'étude de l'onglet Schéma 
XML (XML Schema). 


Qu'est-ce qu'un schéma... et ben... rigoureusement... (parce qu'on peut le faire de manière 
dégueulasse aussi...) c'est un XSD ! Donc créons de suite le fichier XSD de notre lettre type 
dans XMLSpy: 


<?xml version="1.0" encoding="UTF-8"?> 
<Xs:schema xmins:xs="http://www.ws.org/2001/XMLSchema" elementFormDefault="qualified" 
attributeFormDefault="unqualified"> 
<Xs:element name="lettretype"> 
<xs:annotation> 
<Xs:documentation>Comment describing your root element</xs:documentation> 
</xs'annotation> 
<xs:complexType> 
<Xs:sequence> 
<xs:element name="entetegauche" type="xs:string"/> 
<xs:element name="entetedroit" type="xs:string"/> 
<xs:element name="titreexpediteur" type="xs:string"/> 
<Xs:element name="nomprenomexpediteur" type="xs:string"/> 
<xs:element name="adressexpediteur" type="xs:string"/> 
<xs:element name="cpvilleexpedtieur" type="xs:string"/> 
<xs:element name="paysexpediteur"/> 
<xs:element name="titredestinataire" type="xs:string"/> 
<xs:element name="nomprenomdestinataire" type="xs:string"/> 
<xs:element name="adressedestinataire" type="xs:string"/> 
<xs:element name="cpvilledestinataire" type="xs:string"/> 
<xs:element name="paysdestinataire" type="xs:string"/> 
<xs:element name="concernce" type="xs:string"/> 
<Xs:element name="villedate" type="xs:string"/> 
<xs:element name="politesse" type="xs:string"/> 
<Xs:element name="paragraphel" type="xs:string"/> 
<Xs:element name="paragraphe2" type="xs:string"/> 
<xs:element name="salutations" type="xs:string"/> 
<xs:element name="signature" type="xs:string"/> 
<xs:element name="piedgauche" type="xs:string"/> 
<xs:element name="pieddroit" type="xs:string"/> 
</xsS'sequence> 
</xs:complexType> 
</xs:element> 
</xs:schema> 
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Fentetegauche 


Fentetedroit 


Ftitreexpedite… 
Fnomprenomexpedit… 
Fadressexpedit… 
Fcpvilleexpedti… 
paysexpedite… 
Ftitredestinata… 
Fnomprenomdestinat… 
Fadressedestinata… 
| lettretypeË Fopvilledestinata… 
Fpaysdestinata… 
Fconcernce 
Fvilledate 
Fpolitesse 
paragraph. 
paragraph. 
Fsalutations 
Fsignature 


Fpiedqauc… 


Fpieddr… 


et maintenant revenons à MS Word 2003. Cliquez sur le bouton Add Schema de la fenêtre 
Templates and Add-ins. Une fois que vous avez cliqué sur le fichier Lettre Type.xsd la fenêtre 
suivante apparaît: 
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Dans l'URI faites un espace vide (barre d'espacement du clavier) et dans l'Alias mettez un joli 
nom pour votre fichier XSD: 


Schema Settings 


14 


Quand vous cliquez sur OK vous aurez: 


[Templates and Add-ins 


Donc comme vous pouvez le voir, MS Word 2003 vous propose un petit gestionnaire de 
fichier XSD et quand vous souhaitez en utiliser un, il suffit de cocher la petite case 
correspondante. 


Quand vous cliquez sur OK, voici ce qui apparaît dans le volet Office: 
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XML Structure D. 
@ 1) 


Elements in the document: 


No XML elements have been 
applied to this document. 


Make à selection in the document 
and then choose which element 
vou want to apply from the list of 
elements. 


K 


Show XML tags in the document 


Choose an element to apply to 
+ + 
vour current selection: ++] 


lettretype 


< 


List only child elements of current 
element 


*ML Options. 


Laissez toujours toutes les cases (Show XML tags in the documentet List only Child elements 
of current element) cochées (cela ne sert pas vraiment de les décocher). 


Maintenant, si le document qui se trouve à gauche du volet Office est vide ou contient 
quelque chose (peu importe). Cliquez sur lettretype après avoir cliqué à l'endroit du document 
où vous voulez insérer/exporter les futures données du futur fichier XML. Quand vous cliquez 
sur lettretype, une fois sa balise insérée, tous ses neouds enfants doivent apparaître en bas 
dans le volet Office (voir page suivante): 
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© Document - Microsoft Word 10 x 
= File Edit View Insert Format Tools Table Window Help AdobePDF Acrobat Comments  X 


DSAÈGAAAITÉIIRTYI9-0.-BeS In Tru -E 
= Normal Times New Roman » 12 *-|B ZU El= = := 5=| À - E 
5: SATA 


: XML Structure 


Elements in the document: 


lettretype 


: | CletrepelJetreper) 


> M Show XML tags in the document 


: Choose an element to apply to 
vour current selection: ++] 


entetegauche 
entetedroit 
Eu titreexpediteur 
_ nomprenomexpediteur 
a adressexpediteur 
: x| cpvilleexpedtieur 

4 

Le 

Ê 


(M List only child elements of current 
element 


= a[e): 4 | | XML Options. 
inen- à |ageshpes: \\OOS AG D-L' A =TESË 


Page 1 Sec 1 1fl ät 24cm ni Col 2 REC TRK EXT OVR French(Fra V/ 


Maintenant 1l faut vous positionner dans le document MS Word à gauche de l'écran entre les 
balises de lettre type et cliquer un par un (faites de retour à la ligne au besoin pour que cela 

soit plus lisible) sur les nœuds que l'on souhaite avoir dans le futur fichier XML. Ainsi (voir 
page suivante): 
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© Document4 - Microsoft Word .| 


Version du 2015-09-22 


x 

- File Edit View Insert Format JTools Table Window Help Adobe PDF Acrobat Comments x 

0 & A à 418 à Ÿ K Le 710.01 LE T 2% -_E 

: Normal + Times New Roman + 12 *'B Z U ÆE|= := — :— >= À + Ë 

[e] LS ! : XML Structure Y X 
LCHRONAL 


L (slettretype 


= 

- 

. 

. 
à 

5 

| 

: 
- 

5 

° 

: 

z 

= 

à 


É 


Elements in the document: 
lettretype 
entetegauche 
entetedroit 
titreexpediteur 
nomprenomexpediteur 


adressexpediteur 
cpvilleexpedtieur 
paysexpediteur 
titredestinataire 
nomprenomdestinataire 
adressedestinataire 


[M] Show XML tags in the document 


Choose an element to apply to 
vour current selection: 


entetegauche 
entetedroit 
titreexpediteur 
nomprenomexpediteur 


++) 


adressexpediteur 
cpvilleexpedtieur 


. | | paysexpediteur 
a 2 
: [M] List only child elements of current 
2 Jettretype) 9 element 
LA A 

[E] = m1 4| | o| *ML Options... 
Draw+ D | AutoShapes” \ x DOS Ad: AN d-Z'A-==: _Ë 
Page 1 Sec 1 1/1 ät 15.4cm Ln 22 Col 3 REC TRK EXT OVR French{Ffra LC 


Peut-être comprenez-vous déjà l'intérêt de cette méthode ? Si non, voici quelque petites 


explications: 


Rappelez-vous que dans notre premier exemple, notre employé pouvait saisir les données 
XML et lui appliquer une mise en page prédéfinie. Eh bien ici c'est à peu près pareil à la 

différence que l'employé aimerait faire un document non standard avec une mise en page 
personnelle sans avoir à connaître XSL ou CSS. 


Comment procède cet employé alors ?: 


1. Il renseigne son responsable de la documentation sur le contenu du document 


2. Le responsable de la documentation crée un fichier XSD type représentatif de la 
structure du futur document de son collègue et l'envoie par e-mail (ou le pose sur un 
disque réseau) à ce dernier. 
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3. L'employé fait la maquette de son document dans MS Word (mise en page, etc) et 
place les "balises types" là où 11 le veut dans son document mais tout en respectant la 
hiérarchie du XSD. 


4. Il saisit les données entre les balises. Si vous vous rappelez que dans les XSD nous 
pouvons définir quelles types de données sont autorisées pour des balises précises, 
cela nous permet d'avoir un excellent contrôle de ce que fait l'employé. 


Remarques: 


R1. Dans notre exemple, nous n'avons fait aucune mise en page et nous avons simplement mis 
le champs les uns à côtés des autres mais faites comme cela vous chante. 


R2. Vous aurez des traits violents à l'écran " " tant que vous ne respecterez pas la 
structure du fichier XSD ou le type de données saisies dans les balises. Une fois celle-ci 
correctement mise en place, tous les traits disparaissent (c'est pas beau ça ? après le correcteur 
d'orthographe, le correcteur de gramme, voici le correcteur XSD). 


Saisissons maintenant des données entre les balises (à nouveau je rappelle que vous pouvez 
faire une mise en page plus complexe): 


(slettretype | 
Éentetegauche[N ovartis SA Jenteregauche») 
Éfentetedoit[ XML/XSL 
(étitreexpediteur| M onsieur]titreexpediteur) 
fénorrprenomerpediteur[[s 07 Vincent nomprenomerpediteur*) 
Éadreserpedieur(22 Chemin de Chandie 
Écpvilkerpedteurl 1006 Lausanne Jcpvileexpedtieur») 
Épaysexpediteur| Suisse jpaserpedieur*) 
(titredestinataire [1 ansieurltitredestinataire») 
Énorrprenomdesinataire[]s07 Edmoncdinorprenomdesinataire®) 
(adresse destinataire [1 1 
Écpvilledestinataie[ 3020 Berne 
Épasdestinataie[ Suisse ]paysdestinataie») 
fconcemæ[Concerne : XML et MS Word 2003 
Éviledate[Nyon, 1e 29 Juillet 2004 jvilledate») 
(politesse (Cher Monsieur le directeur, Ipolitesse®) 
(paragephe1ÎJe vous félicite pour votre Euro 2008. bla bla bis 
(sparagrphe2let encore bla bla 
(salutations (Veuillez recevoir mes meilleures salutations Jsalutatio 
Ésignature[Yincent Isozisignature) 
Éspiedgaucheltettre ASF docpiedgauche») 
Épieddoit{[29.07.200 4fipieddroit») 

_Tettrenner] 


L'employé peut ensuite (si... si) enregistrer ce document au format MS Word *.doc (comme 
un document normal). S'il l'imprime, cela sort comme un document normal (les balises ne 
sont pas imprimées). Si les balises dérangent l'employé lors du visionnement du document, 
alors c'est seulement maintenant qu'il est intéressant de cliquer sur la case: 
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M Show XML tags in the document 


Cela permet d'avoir une vue plus aérée de document. 
Et puis maintenant quel est l'intérêt ? Eh bien c'est simple: 


1. Déjà l'employé a un document conforme à la charte d'entreprise de par l'usage de 
l'XSD obtenu par le responsable de la documentation 


2. Dans l'objectif d'avoir une GED complète, le responsable de la GED va demander à 
son collègue de lui envoyer le fichier XML résultant de l'utilisation du fichier XSD et 
c'est là que c'est nouveau: 


Comment l'employé va-t-il envoyé un fichier XML propre (contrairement à Office XP) au 
responsable de la GED ? Eh bien c'est très simple. Etant donné qu'il a utilisé le XSD il n'a 
plus qu'à faire les manipulations suivantes: Enregistrer sous et: 


21x| 


Save in: [E] Bureau “| @ - à  Q X Cs Er Toos- 


M: Recent 
Documents 


Mes documents 
4 Poste de travail 
"Favoris réseau 

C# Wwrox 

relativité universelle 
test 
%|lettretypez.xml 

“9 lettretype,xml 


Transform: Transfatii 


File name: [LettreType.xml 4 Le 7 
My Network F Sa = 


Places Save as type: [km Document €, xml) % | Cancel 


et choisir un document du type *.xml et de cocher Save data only et voici le résultat parfait (à 
envoyer à la GED): 


<?xml version="1.0" encoding="UTF-8" standalone="no"?> 

<lettretype> 
<entetegauche>Novartis SA</entetegauche> 
<entetedroit-XML/XSL</entetedroit> 
<titreexpediteur-Monsieur</titreexpediteur> 
<nomprenomexpediteur-Isoz Vincent</nomprenomexpediteur> 
<adressexpediteur>22 Chemin de Chandieu</adressexpediteur> 
<cpvilleexpedtieur>1006 Lausanne</cpvilleexpedtieur> 
<paysexpediteur-Suisse</paysexpediteur> 
<titredestinataire>-Monsieur</titredestinataire> 
<nomprenomdestinataire>Isoz Edmond</nomprenomdestinataire> 
<adressedestinataire>11 Muristrasse</adressedestinataire> 
<cpvilledestinataire>3020 Berne</cpvilledestinataire> 
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<paysdestinataire>Suisse</paysdestinataire> 

<concernce-Concerne: XML et MS Word 2003</concernce> 

<Villedate>Nyon, le 29 Juillet 2004</villedate> 

<politesse>Cher Monsieur le directeur,</politesse> 

<paragraphei>Je vous félicite pour votre Euro 2008... bla bla bla</paragraphei> 
<paragraphe2>et encore bla bla bla</paragraphe2> 

<salutations-Veuillez recevoir mes meilleures salutations</salutations> 
<signature>Vincent ISOZ</signature> 
<piedgauche>lettreASF.doc</piedgauche> 

<pieddroit-29.07.2004</pieddroit> 


<l/lettretype> 


Voilà comment on devrait donc travailler dans toute entreprise digne de ce nom... et 
également comment devrait travailler tout utilisateur "expert" de MS Word. 


Le dernier fichier XML crée peut ensuite être ouvert dans MS Word et nous pouvons à 
nouveau lui appliquer tout ce que nous avons fait dans l'exemple 1. C'est donc vraiment 
vraiment très... VOUS savez quoi... 


Voyons quelques détails concernant le XML et le volet Office. Vous vous rappelez de ce petit 
lien en bas à droite du volet ?: 
element 
*ML Options... 


S1 vous cliquez dessus, la fenêtre suivante apparaît: 


XML Options x! 


“ML save options 


F Save data only 
F âpply custom transform 


Custom transform: | 


Schema validation options 


M Validate document against attached schemas 
F Hide schema violations in this document 

F Ignore mixed content 

F Allow saving as XML even if not valid 


*ML view options 
F Hide namespace alias in XML Structure task pane 
M Show advanced XML error messages 
F Show placeholder text for all empty elements 


Schema Library... | 


Quelques petites explications: 


- Save Data only et Apply custom tranform. Cocher ces deux cases revient strictement 
au même à les cocher lorsqu'on sauve (Enregistrer sous) notre document au format 
XML (cette méthode permet simplement de les activer par défaut pour tout futur 
enregistrement): 


ni Transform,, 


# [LettreType.xml >| = 
Mis 
pe: [rm Document €*,xml) >| 


Cancel | 
. 


A 
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Validate document against attached schemas. Même fonctionnalité que pour MS 
Excel 2003 lors de l'enregistrement du document en XML: affiche un message d'erreur 
lors de l'enregistrement en XML si le document MS Word n'est pas conforme au XSD. 


Exemple: nous supprimons dans le document MS Word la balise Concerne. Or dans le 
fichier XSD, nous avons spécifié que cette balise est obligatoire et non facultative 
donc si nous la supprimons nous avons dans un premier temps deux indications 
d'erreurs (avant même d'enregistrer en XML): 


CROMNA 


Elements in the document: 


Gisse Jpaysdestinatairer) 
yon, le 29 Juillet 2004 Jviledater) 
(«paltessel Cher Monsieur le directeur, Jpoltesser) 
e vous félicite pour votre Euro 2008... blablat 
pkragraphe2{et encore bla bla bla Jparagraphez») 
salukgions(1/euillez recevoir mes meilleures salutations )salute 
fsignatuX (Vincent Isoz Isignature») 
ettreASF. doc Jpiedgaucher) RE 


(rpieddrait{ 29 N7. 2004 ipieddroitr) 


et si nous avons actiWé Validate document against attached schemas et que nous 
essayons d'enregistrer au format XML voici ce qui apparaît à l'écran: 


cpvilledestinataire 


baysdestinataire 


& viledate 


Element ‘viledate' is unexpected according to content model 
of parent element 'lettretype', 
Expecting: concernce, 


M] Show RFI Eags in he documen 


Microsoft Office Word 


This document cannot be saked as XML because its structure violates the rules set by the schema, In 
order to solve this problem yo must either: 


- save as a Word document 


- or click Cancel, fix the validation ekors in the document, and then save as XML 


Save as Word Document | 


Donc vous l'aurez compris... vous n'avez pas beaucoup d'alternatives. 


Hide schema violations in this document. Masque les lignes violettes de mise en 
évidence de non conformité avec le XSD. C'est tout. 


Ignore mixed content. On en verra l'utilité plus loin dans un exercice. 
Allow saving as XML file even if not valid. Ben tout est dit. 


Hide namespace alias in XML Structure pan. Ben tout est dit... mais ne sert à rien à 
ma connaissance car de toute façon ne ne voit pas le namespace… 


Show advanced error message. Afficher des messages d'erreurs avancés dans les 
infobulles: 
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& villedate 


Element ‘viledate' is unexpected according to content model 
of parent element ‘lettretype’, 


Expecting: concernce. 
Show RAT Fans in FRE Anriimen 


- Show placeholder text for all empty elements. J'ai pas encore trouvé à quoi cela 
servait... désolé. 


Enfin, si vous cliquez sur le bouton Schema Library dans le coin inférieur gauche de la fenêtre 
voici ce qui apparaît: 


Schema Library x 


Schemas 


Schien 


na Settings, 


DElEte Schema 


Updateschema 


Solutions For schema 


Use solution with: [word -| Add Solution, 


Select a solution: 


Solutionéettings, 


… 


Deléte Solution 


Default solution: | + | 


Path: 
Type: 


Update Solution 


ces 


La partie supérieure de la fenêtre est simple à comprendre. Elle permet simplement 
d'ajouter/supprimer ou redéfinir la liste des XSD importés (11 suffit de cliquer sur les boutons 
correspondant à droite pour comprendre). 


La partie inférieure de la fenêtre (Solutions for schema) m'est inconnue. Désolé 


On peut également importer ou exporter avec VBA le XML. Les algorithmes sont les mêmes 
que pour Excel à part qu'on préférera travailler avec des bookmarks plutôt qu'avec des 
cellules. 


10.2.3 Séries de données 


MS Word avec le XML peut être aussi utilisé comme outil de saisie de données en masse. 
Données, qui peuvent ensuite être envoyées dans un tableau comme MS Excel par import 
XML. Voyons un exemple. 


Considérons le document suivant: 
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‘9 


CLIENTS/VENTES 


1 
Isoz 


RAA 


Vincent 


0763293588 
22 Chemin de Chandieu 


Lausanne 
VD 
1006 
true 
56 


2 
Demarlière 
Laurianne 
079358823 
20 Rue Casanove 
Tourville-La-Rivière 
Rouen 
3006 
false 


32 


CCE ECOLE © GORTCS D OETT 


Avec le fichier XSD ci-dessous: 


<?xml version=" 0" standalo 


ne="yes"?> 


<!-- edited with XMLSPY 2004 rel. 3 U (http: fa xmlspy.com) by bob denard (Lost Paradise Inc.) --> 


[a] ee  CRRR SRRE EN RE ER ET NET SN ENENEE EN EX ENEX ENRTT ENEIT TRES CNET NET NET EE. 7 


<xsd:schema targetNamespace="ventesldetails-schema" xmins:xsd="http: vw 3 .0org/2001 *MLSchema" 
elementFormDefautt="qualified" attributeFormDefaut="unqualified"- 
<xsd:element name="NewDataSet"- 


<xsd:complexTypez= 


<xsd:sequencez 
<xsd:element name="ventes" minOccurs="0" maxOccurs="unbounded"> 
<xsd:complexType> 
<xsdsequencez= 


<xsd:element name="au_id"type="xsd:string" minOccurs="0"{# 
<xsd:element name="au_Iname"type="xsd:string" minOccurs="0"# 
<xsd:element name="au_fname"type="xsd:string" minOccurs="0"/# 
<xsd:element name="phone" type="xsd:string" minQOccurs="0"/# 
<xsd:element name="address"type="xsd:string" minOccurs="0"/# 
<xsd:element name="city"type="xsd:string" minOccurs="0"# 
<xsd:element name="state" type="xsd:string" minOccurs="0"# 
<xsd:element name="zip"type="xsd:string" minOccurs="0"# 
<xsdelement name="contract" type="xsd:hoolean" minOccurs="0"/# 
<xsd:element name="ventes" type="xsdinteger"# 


<ixsd:sequencez 
<ixsd:complexType> 
</xsd:element- 
</xsd'sequencez 


<jxsd:complexType> 
</xsd'element- 
<ixsd:schemaz= 


Il est alors possible d'utiliser le schéma pour reconnaître les données comme nous l'avons fait 
dans les deux exemples précédents: 
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Le] OS LR 
- CLIENTS/VENTES 64 
a Éléments dans le document : 


ê (NewDataset((vertes!(au id (1]) a 
soz)) ventes 
(au_fname (Vincent 1) 

(phone (7632935881) 
(address (22 Chemin de Chandieul) 
(aty [Lausanne )) 
Gtælyvp) 

(ar (10061) 

(contra [true ]) 
(vertes [56] ) jvertes») 


dE: 


theSeledei:3 


(iventes((iau 1d[2 Jeu id) 
v| Afficher les balises XML dans le 
ol au frame aurianne Jau_fname D] CENEX 
{cphone[079358823 Jphoner) DR 
Choisissez un élément à 
('address[20 Rue Casanove laddressv) appliquer à la sélection en +|+| 
PAS Ee Cours : 
(ty (Tourville-La-Rivière NenDataset 
(istte[Rouen }stæer) 
(ap(3006Jape) 
Fanralfaise 
(Q vertes| 32 ]vertesv) Îvertese) ]NewDatasete) 


CEE »| Options XML... 


Attention !!! Si vous souhaitez écrire du texte pour l'esthétique en-dehors et entre les balises 
xml de namespace 1l vous faudra alors dans les Options XML cocher la case ci-dessous si vous 
souhaitez pouvoir ensuite enregistrer vos données en XML pur ! 


v| äfficher uniquement les éléments 
enfants de l'élément en cours 


D CORRE RSS RE CRE RES CES RERE DR? SERL 


« 0 w|< 


Options XML x| 


Options d'enregistrement du XML 


FN Enregistrer les données uniquement 
F Appliquer la transformation personnalisée 


Transformation personnalisée : [C:\Documents and Settings\isoz\Mes documents Parcourir... | 


Options de validation de schéma 
M Valider le document en fonction des schémas attachés 
E Masquer les violations du schéma dans ce document 


! 
1 


D ee ed format XML même si non valide 


Options d'affichage du XML 
M Masquer l'alias d'espace de noms dans le volet Office Structure XML 
FN äfficher les messages d'erreur pour le XML avancé 
F &fficher le texte de l'espace réservé pour tous les éléments vides 


Bibliothèque de schémas... | Annuler | 


Ensuite nous pouvons enregistrer le fichier au format XML (données seulement) sans 
transformation: 


Transformer... C:\Documents and Settingslisoz\Mes …  Tancformer.. ni 
Nom de fichier : … [asexML.xmi - 1 Appliquer la transformation 


Te M Enregistrer les données uniquement 
Type de fichier : Document XML CF, xml Annuler L 


A 


Ce qui donne: 
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<?xml version=" 0" encoding="UTF-8" standalone="n0"?> 
<NewDataSet xmins="ventes-details-schema"- 
<ventes> 
<au_id-1</au_id= 
<au_Iname-lsoz</au_Inamez= 
<au_fname>"Yincent</au_fnamez 
<phone-0763293588</phone> 
<address-22 Chemin de Chandieu</address> 
<city-Lausanne<icity> 
<state-VD<ijstate> 
<zip>1006</zip> 
<contract-true<icontract- 
<ventes-56</ventes> 
<lventes> 
<ventes> 
<au_id-2</au_id> 
<au_Iname-Demarlière</au_Iname> 
<au_fname-Laurianne</au_fnamez 
<phone-079358823<iphonez- 
<address-20 Rue Casanove</address> 
<city-Tourville-La-Rivière</city> 
<state-Rouen</statez 
<zip>3006</zip> 
<contract-false</contract- 
<ventes-32<iventes- 
<iventes> 
<NewDataset> 


Nous voyons bien ici que le résultat obtenu correspond à ce que nous pouvions attendre de 
mieux. 
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10.2.4 WordML 


Le lecteur attentif aura cependant remarqué que le XSL standard ne semble cependant pas 
vraiment adapté à des documents complexes, utilisant des styles et autres concepts de ce 
genre. 


Pour palier à ce problème, Microsoft à mis en place son propre langage de description: le 
WordML avec ses propres feuilles de styles: le WorsdSL 


L'exemple que nous donnons ci-dessous a été pris du site www.labo-dotnet.com (Nicolescu 
Matthieu). Soit le fichier XML ci-dessous: 


<?xml version="1.0" encoding="utf-8"?> 
<?xmli-stylesheet type="text/xsl" href="Transform.xs|"?> 
<Students> 
<Student> 
<FirstName>-Matthieu</FirstName> 
<LastName>Nicolescu</LastName> 
<Promotion>2004</Promotion> 
<Age>22</Age> 
</Student> 
<Student> 
<FirstName>Eric</FirstName> 
<LastName-Dupont</LastName> 
<Promotion>2007</Promotion> 
<Age>20</Age> 
</Student> 


</Students> 


Lorsque nous l'ouvrons dans MS Word 2003, le résultat nous est connu sans surprises, les 
balises XML apparaîssent (jusque là donc rien de spécial). Ce qui change c'est le fichier XSL 
qui maintenant en appliquant le code propriétaire Microsoft WordML (on y voit un 
namespace!) sera: 

<?xml version="1.0" encoding="1SO-8859-1" ?> 

<xsl:stylesheet version="1.0" xmins:xsl="http://www.ws8.org/1999/XSL/Transform"> 


<xsl'template match="/"> 
<wW:wordDocument xmins:w="http://schemas.microsoft.com/office/word/2003/wordml"> 


<W:body> 
<W:p> 
<xsl:for-each select="Students/Student"> 
<W:r> 
<w:rPr> 
<W:b w:val='"on" /> 
<W:rPr> 
<W:t>-Nom Complet: </w:t> 
</W:r> 
<W:r> 
<W:t> 
<xsl:value-of select="FirstName" /> 
<xsl:value-of select="LastName" /> 
<Wit> 
<w:br /> 
</W:r> 
</xsl:for-each> 
<W:p> 
</W:body> 


</W:wordDocument> 
</xsl'template> 


</xsl:stylesheet> 
Comme le lecteur peut le voir il y a de nombreuses balises w (signifiation Word très 


probablement) qui mettent en forme le texte d'une manière spécifique (on applique cependant 
le WordSL de la même manière qu'un XSL dans MS Word 2003). 
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Le langage WordML, donc propre à MS Word 2003 est très conséquent et impossible à traiter 
dans un ouvrage de moins d'une bonne centaines de pages uniquement consacré à MS Word 
2003. Le lecteur qui souhaitera cependant en savoir plus sur les balises MS Word pourra 
cependant télécharger l'aide complète des schémas XML Word, Excel, Visio, InfoPath 2003 à 
l'adresse suivante: 


http://www.microsoft.com/downloads/details.aspx?FamilyID=fe1 18952-3547-420a-a412- 
0022662442d9&DisplayLang=en 
Cependant, on peut très bien se soustraire à cette aide en s'aidant en rédigeant un petit 


document dans MS Word 2003 (de manière tout à fait standard) et en enregistrant celui-ci au 
format WordML. Ainsi, on peut apprendre seul. 


Quelques petits exemples cependant: 
ET. On écrit "Hello World" 


<?xml version="1.0"?> 
<w:wordDocument xmins:w="http://schemas.microsoft.com/office/word/2003/wordml"> 
<W:body> 
<W:p> 
<W:r> 
<W:t-Hello World l</w:t> 
<W:r> 
<N:p> 
<W:body> 


</W:wordDocument> 


E2. Deux paragraphes: 


<W:p> 
<W:r> 
<W:t-Hello World 1</w:t> 
</W:r> 
<NW:p> 
<W:p> 
<W:r> 
<W:t-Hello World 2</w:t> 
</W:r> 


</W:p> 
E3. Une compilation: 


<W:p> 
<w:pPr> 
<W:jc w:val="center"/> 
<W:pPr> 
<W:r> 
<w:rPr> 
<W:b w:val="on"/> 
</W:rPr> 
<W:t-Hello, World.</w:t> 
<A:r> 
<NW:p> 
<W:p> 
<W:r> 
<w:rPr> 
<W:u W:val="single"/> 
</W:rPr> 
<W:t-Hello, World 2.</w:t> 
<A:r> 


<NW:p> 


Qui donne: 
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1 formating.doc.- Microsoft Word 


© Fichier Edition Affichage Insertion Format Outils Tableau Fenétre 2? 


DENT PPT ZE EEE Ë Normal + 


Phedele2eleeledeleelegelepeleBe ne ge dQe dede ne 12e deÂ3e dede 1 «15e 1 6e 1e17e LeÂge 11912 


Hello, World. 
Hello, World 2. 


Un problème peut se poser à présent: en effet imaginons un document WordML qui contienne 
un nombre conséquent d’éléments « r ». Il serait fastidieux de recréer à chaque fois les 
propriétés pour chaque zone de texte sachant qu'on peut considérer que plusieurs zones auront 
les mêmes propriétés. On va donc utiliser l’élément styles qui va nous permettre de définir 
plusieurs styles et les réutiliser par la suite dans le document. Il faut aussi à faire attention de 
placer l’élément styles avant l’élément body dans le document. 


Ed. Voici un exemple de déclaration de deux styles: 


<Wistyles> 
<W:style w:type="paragraph" w:styleld="MyStylei" ><w:name w:val="Style1"/> 
<w:pPr> 
<W:jc w:val="center"/> 
<MW:pPr> 
</w:style> 
<W:style w:type="character" w:styleld="MyStyle2" ><w:name w:val="Style2"/> 
<W:basedOn w:val="ltalic"/> 
<W:rPr> 
<W:b w:val="on"/> 
<W:rPr> 
</w:style> 


</wW:styles> 
Comme vous pouvez le voir, nous avons deux attributs dans notre élément style: 


1. L’attribut « type »: Dans notre exemple nous avons mis la valeur à paragraph si le 
style est destiné à un paragraphe (élément p) ou à character si le style est destiné à une 
zone de texte (élément r). 


2. L’attribut « stylelD »: qui va nous permettre tout simplement de donner un nom 
unique à notre style pour pouvoir ensuite l’appeler. 


L’appel des différents styles se fait à partir de l’élément « pPr » pour un paragraphe et « rPr » 
pour une zone de texte. Mais l’élément imbriqué ne sera pas le même: nous allons en effet 
faire appel à l’élément « pStyle » pour un style destiné à un paragraphe et l’élément « rStyle » 
pour un style destiné à une zone de texte. 


Voici un exemple concret qui se base sur les styles définis ci-dessus: 
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<?xml version="1.0"?> 
<w:wordDocument xmins:wv="http: ffschemas microsoft .com/officevord/20034w0ordml"- 
<w:styles> 
<w:style w:type="paragraph" w:styleld="MyStylel "> 
<:name v:val="Stylet"{# 
<w:pPr> 
<w:jc w:val="center"/{- 
<hyw:pPr> 
<hw:stylez 
<w:style wtype="character" w:stvleld="MyStyle2"> 
<:name v:val="Style2"/- 
<w:basedOn w:val="talic"# 
<yy:rPr> 
<w:h w:val="on"# 
<h:rPre 
<hw:style> 
<iyw:styles> 
<w:hody> 
<> 
<y:pPr> 
<w:pStyle w:val="MyStylel"i= 
<hyw:pPr> 
Wire 
<v:t-Hello World <fhn:ts 
<hire 
<wy:p> 
<W:p> 
Wire 
<acrPre 
<nirStyle v:val="MyStyle2"i- 
<h:rPre 
<w:t-Hello World <fhn:te 
<hwre 
<hw:p> 
<hw:hody> 


<hw:wordDocumentz 
I 


Vous pouvez dans votre document WordML spécifier aussi des propriétés tel que le nom de 
l’auteur, nombre de pages, numéro de version du document. Tout cela se fait à l’aide de 
l’élément DocumentProperties. 


Voici un exemple simple attribuant au document le nom de l’auteur, le titre et la version du 
document: 


<o:DocumentProperties> 
<o:Title-Exemple Propriete</o:Title> 
<o:Author>Matthieu Nicolescu</o:Author> 
<o:Version>0.1</o:Version> 


</o:DocumentProperties> 
Comme vous pouvez le voir, ici l’élément DocumentProperties n’a pas le même préfixe donc 


n'oubliez pas de le déclarer avec le bon namespace associé dans l’élément root 
WordDocument: 


<W:wordDocument xmins:w="http://schemas.microsoft.com/office/word/2003/wordml" xmins:o="urn:schemas-microsoît- 
com':office:office"> 


Ce qui donnera le tout mixé ensemble: 
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<?xml version="1.0"?> 
<w:wordDocument xmins:wv="http: ffschemas microsoft. com/office/vord/2003w0ordml" xmins:o="urn:schemas- 
microsoft-com:office:office"> 
<o:DocumentProperties> 
<o:Title-Exemple Propriete</o:Titlez 
<o:£uthor-Matthieu Nicolescu</0: 4uthor- 
<0:Version-0.1</0: Version 
</o:DocumentProperties> 
<yw:styles> 
<w:style wtype="paragraph" w:styleld="MyStylet "> 
<:name w:val="Stylel"{= 
<yw:pPr> 
<w:jc w:val="center"/- 
<hw:pPr> 
<hw:stylez 
<w:style witype="character" w:styleld="MyStyle2"> 
<w:name w:val="Style2"/- 
<w:basedOn w:val="talic"# 
<yw:rPr> 
<w:h w:val="on"{# 
<hyw:rPre 
<hw:stylez 
<hw:styles- 
<w:hody> 
<Wy:p> 
<yw:pPr> 
<w:pStyle w:val="MyStylel"{ 
<hw:pPr> 
wire 
<wy:t-Hello World <ñaite 
<hwire 
<hw:p> 
<W:p> 
Wire 
<werPre 
<crStyle v:val="MyStyle2"/- 
<hw:rPr> 
<v:t-Hello World <fha:ts 
<My:r> 
<hw:p> 
<hw:hody> 
<hw:wordDocument- 


Voilà concernant MS Word 2003 et XML. Nous pouvons faire beaucoup mieux mais un 
début c'est déjà pas mal. 


10.2.4.1 Word XML Toolbox 


Outre ces outils, Microsoft a développé une petite barre pour MS Word 2003 (nommée "Word 
XML Toolbox") téléchargable gratuitement sur Internet et qui ressemble à la chose suivante: 


: XML Toolbox * | Æ] ©] 4 É EX. 


Avec dans le menu de la barre d'outils: 
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Save às XML 
View XML 


Document Protection 


Convert <Tags/> to XML Nodes 


Generate Inferred Schema 


XML Expansion Pack Dialog.…. 
XML Schema Dialog.…. 
Schema Library Dialog.…. 

*ML Options Dialog.. 


Choose XML Tag Color 


XML Toolbox Help 


où il n'y a rien vraiment d'extraordinaire. 


Ce qui est surtout sympa c'est la boîte XML Dialog qui permet de saisir son texte en WordML 


tel que le présente la capture d'écran 


ci-dessous: 


Ül Document2 - Microsoft Word -l#/x 


: Elle Edit View Insert Format Tools Table Window Help 


DH ÉDITER 


: A4 Normal + Times New Roman » 12 -|B 


x Toobox- | 5 216 E 2 CB 


Hello-world] 


<w:wordDocument 


xnl:space="preserve"> 
<w:body> 
<w:p> 
<uL > 


<fuir> 
<fw:p> 
</w:body> 
</w:wordDocument> 


: 
: 
: 
: 
: 
: 
: 
: 
à 


âdobe PDF Acrobat Comments 


NENCNNE NN NN CET NET CNET CNET NET NET CEE EE EN EE | 


Insert XML Editor x 


xnlns:w="http://schemas.microsoft.com/office/word/2003/wordml" 


<w:t>Hello world</w:t> 


DEN 


Draw: à |Aahpes: N YO ON Add d-S<SA-SFE0 SE 


ace ati - ©) are) 


zuEs=s=s}:.£55##+0.#.;A.h 


Type a question for help + X E 


Page 1 Sec 1 1f1 ât 24cm lni  Coi REC TRK EXT OVR French(Fra 


ou encore le XML Viewer qui permet de visualiser le WordML de votre texte en cours de 


rédaction (mais pas en temps réel): 
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Hi Document? - Microsoft Word = -15/x| 
: File Edit View Insert Format Tools Table Window Help AdobePDF Acrobat Comments Type a question for help + X 
DDASS TRI DRYI2-0.-SUTBREMISS IN Tin - ©)urx] 

: A4 Normal + Times New Roman » 12 a Reg itE El= = = S=n| = = 4 n-:#-A-h 

:xM Todbox” | 5 4 | 5 QE 


Microsoft Word XML Toolbox - XML Wiewer 
Hello world <w:body> 
<wx:sect> 
0 PRES <W:p> 
Le XML c'est bien ;-) en 
<w:t>Hello world</wit> 
<AW:E> 
<{w:p> 
<w:p /> 
<W:p> 
AW:E> 
<w:rPr> 
<w:hb /> 
</w:rPr> 
<w:t>Le XML c'est bien ;-)</wit> 
<fu:x> 
</w:p> 
<w:sectPr> 
<w:pg$z w:w="12240" w:h="15840" > 
<w:pgMar w:top="1417" w:right="1417" w:bottom="1417" 
w:left="1417" w:header="720" w: footer="720" w:gutter="0" /> 
<w:cols w:space="720" /> 


</w:sectPr> 


</wx:sect> 
<fw:body> xl 


Cartes 


CRE OS 


Le reste des options n'a d'intérêt "que" si l'on se trouve dans un document contenant des 
balises XML. 


10.2.5 SmartDocuments 


Une grande nouveauté de MS Office 2003 avec XML c'est de pouvoir développer des 
contenus de documents (MS Excel, MS Word ou encore MS InfoPath) dynamiques à l'aide de 
la technologie .Net. 


Bien que cette technologie s'adresse plutôt à des informaticiens (développeurs) de métier, 
nous souhaitons quand même montrer un exemple (MS Word 2003) afin que tout utilisateur 
ait au moins une idée de quoi il s'agit. 


Pour cet exemple, nous sommes équipés de Visual Studio.Net 2003, MS Word 2003 (le tout 
en anglais évidemment) et des exemples fournis par le SDK Microsoft disponibles en 
téléchargement sur le site Internet de Microsoft à l'adresse suivante: 


http://www.microsoft.com/downloads/details.aspx?FamilyID=24a557f7-eb06-4a2c-8f6c- 
2767b174126f&DisplayLang=en 


Pour cet exemple nous disposons des éléments suivants: 


1. D'une image nommée: A/phabet.gif 
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2. D'un fichier XML (WordML) nommé GettysburgAddress.xml: 


<?xml version="1.0" encoding="UTF-8" standalone="yes"?> 
<?mso-application progid="Word.Document"?> 
<W:wordDocument xmins:w="http://schemas.microsoft.com/office/word/2003/wordml" xmins:v="urn:schemas-microsoft- 
com:vml" xmins:w10="urn:schemas-microsoft-com:office:word" 
xmins:sl="http://schemas.microsoft.com/schemaLibrary/2003/core" 
xmins:aml="http://schemas.microsoft.com/aml/2001/core" 
xmins:wx="http://schemas.microsoft.com/office/word/2003/auxHint" xmins:o="urn:schemas-microsoft-com:office:office" 
xmins:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C 14882" xmins:sti="urn:schemas-microsoft-com:office:smarttags" 
w:macrosPresent="no" w:embeddedObjPresent="no" w:ocxPresent="no" xml:space="preserve"> 
<o:SmartTagType o'namespaceuri="urn:schemas-microsoft-com:office:smarttags" o:name="City"/> 
<o:SmartTagType o‘namespaceuri="urn'schemas-microsoft-com:office:smarttags" o:name="place"/> 
<o:DocumentProperties> 
<o:Title>Four score and seven years ago our fathers brought forth, upon this continent, a new nation, conceived 
in Liberty, and dedicated to the proposition that all men are created equal</o:Title> 
<o:Revision>-4</o:Revision> 
<o:TotalTime>-1</o:TotalTime> 
<o:Created>2003-08-25T04:40:00Z</o:Created> 
<o:LastSaved>2003-09-12717:33:00Z</o:LastSaved> 
<o:Pages>-1</o:Pages> 
<o:Words>26</o:Words> 
<o:Characters>154</o:Characters> 
<o:Lines>1</o:Lines> 
<o:Paragraphs>1</o:Paragraphs> 
<o:CharactersWithSpaces>179</o:CharactersWithSpaces> 
<o:Version>11.5604</o:Version> 
</o:DocumentProperties> 
<W:fonts> 
<W:defaultFonts w:ascii="Times New Roman” w:fareast="Times New Roman” w:h-ansi="Times New Roman" 
w:cs="Times New Roman'"/> 
</W'fonts> 
<Wistyles> 
<W:versionOfBuiltinStylenames w:val="4"/> 
<W:latentStyles w:defLockedState="off" w:latentStyleCount="156"/> 
<Wi:style w:type="paragraph" w:default="on" w:styleld="Normal"> 
<wWiname w:val="Normal"/> 
<W:rsid w:val="00BF4B2C"/> 
<W:rPr> 
<wx:font wx:val="Times New Roman'"/> 
<W:sz W:val="24"/> 
<W:sz-cs W:val="24"/> 
<W:lang w:val="EN-US" w:fareast="EN-US" w:bidi="AR-SA"/> 
</w:rPr> 
</W:style> 
<Wi:style w:type="character" w:default="on" w:styleld="DefaultParagraphFont"> 
<winame w:val="Default Paragraph Font"/> 
<W:semiHidden/> 
</wi:style> 
<Wi:style w:type="table" w:default="on" w:styleld="TableNormal"> 
<W:name w:val="Normal Table"/> 
<wx:uiName wx:val="Table Normal"/> 
<W:semiHidden/> 
<W:rPr> 
<wx:font wx:val="Times New Roman'"/> 
<Ww:rPr> 
<W:tblPr> 
<W:tblind w:w="0" w:type="dxa"/> 
<Wi:tblCellMar> 
<W:top w:w="0" w:type="dxa"/> 
<W:left w:w="108" w:type="dxa"/> 
<W:bottom w:w="0" w:type="dxa"/> 
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<Wiright w:w="108" w:type="dxa"/> 
</W:tblCellMar> 
</W:tblPr> 
</w:style> 
<Wi:style w:type="list" w:default="on" w:styleld="NoList"> 
<wWiname w:val="No List"/> 
<W:semiHidden/> 
</w:style> 
</wi:styles> 
<W:docPr> 
<W:view w:val="print"/> 
<W:zoom w:percent="100"/> 
<W:removePersonallnformation/> 
<W:doNotEmbedSystemFonts/> 
<W:proofState w:spelling="clean" w:grammar="clean"/> 
<W:attachedTemplate w:val="/> 
<W:defaultTabStop w:val="720"/> 
<W:punctuationKerning/> 
<W:characterSpacingControl w:val="DontCompress"/> 
<W:optimizeForBrowser/> 
<W:validateAgainstSchema/> 
<W:savelnvalidXML w:val="off"/> 
<W:ignoreMixedContent w:val="off"/> 
<W:alwaysShowPlaceholderText w:val="off"/> 
<W:compat> 
<W:breakWrappedTables/> 
<W:snapToGridinCell/> 
<w:wrapTextWithPunct/> 
<W:useAsianBreakRules/> 
<W:dontGrowAutofit/> 
</W:compat> 
</W:docPr> 
<W:body> 
<Wx:sect> 
<W:p> 
<W:r> 
<W:t>Four score and seven years ago our fathers brought forth, upon this continent, a new nation, 
conceived in </w:t> 
</W:r> 
<st1:City w:st="on"> 
<sti:place w:st="on"> 
<W:r> 
<W:t>Liberty</w:t> 
</W:r> 
<sti:place> 
</st1:City> 
<W:r> 
<W:t>, and dedicated to the proposition that all men are created equal.</w:t> 
</W:r> 
<NW'p> 
<W:sectPr> 
<W:pgSz w:w="12240" w:h="15840"/> 
<W:pgMar w:top="1440" w:right="1800" w:bottom="1440" w:left="1800" w:header="720" w:footer="720" 
w:gutter="0"/> 
<W:cols w:space="720"/> 
<w:docGrid w:line-pitch="360"/> 
</W:sectPr> 
</wx:sect> 
</W:body> 
</W:wordDocument> 


3. D'un fichier HTML nommé help.htm: 
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<htnl> 
<head></head> 
<bodz> 
<p>This is help text taken from an <i-external</i> file.</p> 
<ul> 
<1i>This is a list from the help file.</li> 
<li>änother list item in the help file.</li> 
</ul> 
</body> 
</htul} 


4. D'un fichier XML nommé managedmanifest.xml: 


<SD'manifest xmins:SD="http://schemas.microsoft.com/office/xmlexpansionpacks/2003"- 
<SD:version>1.1</SD':version> 
<SD':updateFrequency>20160</SD':updateFrequency> 
<SD:uri>SimpleSample</SD':uri> 
<SD:solution> 
<SD':solutionlD>SimpleSampleVB7.clsActions</SD:solutiontD> 
<SD'type>smartDocument</SD':type> 
<SD'alias lcid="*">Simple Smart Document Sample - VB.NET</SD':alias> 
<SD'ile> 
<SD'type>solutionActionHandler</SD':type> 
<SD:version>1.0</SD':version> 
<SD'filePath>bin\SimpleSampleVB7.dll</SD'filePath> 
<SD':CLSNAME>SimpleSampleVB7.clsActions</SD:CLSNAME> 
<SD'managed/> 
</SDfile> 
<SD'file> 
<SD'type>other</SD':type> 
<SD:version>1.0</SD':version> 
<SD'filePath>bin\Interop.MSACAL.dil</SD‘filePath> 
</SD'file> 
<SD'file> 
<SD'type>other</SD'type> 
<SD:version>1.0</SD':version> 
<SD'filePath>bin\Interop.ShDocVw.dil</SD'filePath> 
</SD'file> 
</SD':solution> 
<SD:solution> 
<SD:solutionfD>schema</SD':solutiontD> 
<SD'type>schema</SD':type> 
<SD'alias lcid="*">Simple Smart Document Sample Schema</SD'alias> 
<SD'ile> 
<SD'type>schema</SD'type> 
<SD':version>1.0</SD':version> 
<SD'filePath>SimpleSample.xsd</SD'filePath> 
</SD'file> 
</SD':solution> 
</SD'manifest> 


5. D'une deuxième image nommé simplesample.bmp 


SimpleSample 


6. D'un schéma XSD nommé SimpleSample.xsd': 
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<xsd:schema targetNamespace="SimpleSample" xmins="SimpleSample" 
xmins:xsd="http:/www.ws.org/2001/XMLSchema" elementFormDefault="qualified"> 
<xsd:complexType name="exampleType"> 
<xsd'all> 
<xsd:element name="textbox" type="xsd:string"/> 
<Xxsd:element name="commandbutton" type="xsd:string"/> 
<xsd:element name="help" type="xsd':string"/> 
<xsd:element name="radiobutton" type="xsd:string"/> 
<xsd:element name="checkbox" type="xsd:string"/> 
<xsd:element name="listhox" type="xsd'string"/> 
<xsd:element name="image" type="xsd'string"/> 
<xsd:element name="documentfragment" type="xsd:string"/> 
<xsd:element name="activex" type="xsd'string"/> 
<xsd:element name="hyperlink" type="xsd:string"/> 
</xsd'all> 
</xsd:complexType> 
<xsd:element name="example" type="exampleType"/> 
</xsd'schema> 


7. D'un document MS Word 2003 nommé SimpleSample.doc dans lequel on a préparé la 
structure suivante s'inspirant bien évidemment du XSD (voir page suivante): 


(example ((tetbax(This is a text box. 
(icommandbutton(This is a command button. 
(hyperink (This is a hyperlink. 

(checkbox (This is a checkbox. Jcheckbox») 

(uradiobutton(This is a group ofradio buttons. 

(a documentfragment(This is a document fragment. 
(istbox (This is a list box. 

(image (This is an image. 

(actex (This is an ActiveX control. 

(helb(This is help text. 


L'objectif: Nous allons créer un projet VB.Net (nommé SimpleSampleVB7.sln) dans Visual 
Studio.Net pour que l'utilisateur de ce document MS Word 2003 puisse saisir dynamiquement 
le contenu des balises XML à l'aide du Volet de MS Office 2003. 


Pour créer ce projet nous avons au préalable télécharge le module gratuit de développement 
de la société Vertigo disponible à l'adresser suivante: 


http:/www.vertigosoftware.com/wrapper.htm 


Une fois ce module téléchargé et installé, quand nous ouvrons MS Visual Studio.Net 2003 
nous avons la possibilité de créer un projet un projet MS Word 2003 VB.Net ou C# selon 
loisir: 
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New Project 


{A Visual Basic Projects 
(A Visual C# Projects 
(A Yisual J# Projects YB Excel Smart 


(A Visual C++ Projects Document 
7. (A Vertigo Smart Document Projects 


(a visual C# Projects 
C3 Microsoft Office InfoPath Projects 


(3 Setup and DRRREnEs Projects 
= mit M 


Une fois ce projet crée, nous avons tout ce qu'il faut (les références, le XSD, le XML) qui est 
généré (voir le Solution Explorer à droite de la capture d'écran) pour pouvoir comment à 
travailler: 


SimpleSampleYB7 - Microsoft Yisual Basic .NET [design] - OfficeCodeBehind.vb 


æ)|| Object Browser | Start Page 4bx 
[a (Genera) x] Jvébectarations) 


Imports System ! Solution "SimpleSamplev87' (1 project: 
Imports Word = Microsoft.Office.Interop.Word Er Elsimplesample 87] 
ES References 
#0 Microsoft.Office.Core 
#0 SmartDocumentWrapper 


, #2 SmartTagLib 
Class to handle events from the Smart Document. 0 System 


E Public NotIinheritable Class OfficeCodeBehind #0 System.Data 
Inherits ConfiguredSmartDocument System. Windows.Forms 
0 System.XML 


Imports Vertigo.Samples.SmartDocumentWrapper 
Imports System.Windows.Forms 


‘ Friend members -- classes within the same assembly can handle events from these 
Friend WithEvents document às Word.Document 
Friend WithEvents _application As Word.Application 
ConfigSecurity,cmd 
Private solutionPath às String 21 Configuration. xml 
] DocumentStructure.xsd 


‘ Handle the initialize event to read and initialize the configuration file and setup 
Public Sub OfficeCodeBehind SmartDocInitialize(ByVal sender s Object, ByVal e As Sma 


Handles MyBase.SmartDocInitialize SmartDoc,doc 


ConfigureErrorLogging() 


_solutionPath = e.SolutionPath 


O Taskist |F°] Command Window dE] & Find Symbol Results | @ Search Results | 
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10.2.6 SmartTags 


Une autre grande nouveauté de MS Office 2003 avec XML (et ne parlons pas de la version 
2007...) c'est aussi de pouvoir utiliser et développoer les "SmartTags". 


Bien que cette technologie s'adresse plutôt à des informaticiens (développeurs) de métier, 
nous souhaitons quand même montrer un exemple (MS Word) afin que tout utilisateur ait au 
moins une idée de quoi il s'agit. 


Nous allons ici utilser un exemple donné par un internaute. Il propose de télécharger le fichier 
LOGFILE.XML suivant (attention à le télécharger en UniCode!) et de l'installer dans 
MS Word: 


<FL:smarttaglist xmins:FL="urn:schemas-microsoft-com:smarttags:list"- 
<FLiname=hols IP Lookup<#FL'namez 
<FL:lcid=1033,0</FL:lcid= 
<FL:description-Lookup a domain name.</FL:descriptionz 
<FL':smarttag type="urn:schemas-microsoft-com:office:smarttags#whois"- 
<FL:caption=Whols IP Lookup<#FL'caption 
<FLire> 
<FL:exp>=b(?:(7:25[0-5]12[0-4][0-9]1101 ]°[0-9]0-912N.)3 X7:25(0-5]2(0-41(0-9](01]?(0-9/0-9]7)b 
<FL:exp> 
<FLre> 
<FL'actions> 
<FL':action id="hoisN4&"- 
<FL:caption-Find Whols for IP North America</FL:captions 
<FL:urlehttp: fs .arin.net/cgi-binÂwhois pl?queryinput={TEXT K/FL'urle 
<fFL':actionz 
<FL'action id="#hoisEurope"- 
<FL:caption-Find Whols for IP Europe</FL:captions 
<FLurlehttp: fs ripe netiherläwhois?searchtext={TEXT }</FL:urls 
</FL:actionz 
<FL:action id="Whois4sia"- 
<FL:caption-Find Whols for IP 4sia</FL':captionz 
<FLurlehttp: fs apnic.net/apnic-binwhois pl?searchtext={TEXT }k/FL:urls 
</FL:actionz 
<FL'action id="hoisLatinämerica"- 
<FL':caption-Find Whols for IP Latin merica</FL'captionz 
<FL:urlehittp: Macnic .net/cgi-binfacnic#whois?query={TEXT K</FL'urle 
</FL:action> 
<FL:action id="hatcountry"- 
<FL'caption-Find the country</FL:captions 
<FL'urlshttp: fisoftware77 .net/cgi-binip-country/geo-ip.plsvwip={TEXT K/FL'urle 
<fFL'action- 
</FL:actions> 
</FL:smarttag= 
sF L'smarttaglist= 


Nous y voyons une regular expression pour l'adresse IP. Elles ne sont pas simples à 
déterminer mais utiles dans bon nombre de cas donc InfoPath par exemple. De la 


documentation sur le sujet est disponible ici: 


http://www.regular-expressions.info 


Les personnes connaissant un peu la programmation reconnaitront que l'exemple fait appel à 
une requête Perl sur une page web sur un serveur externe. 
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Pour que ce SmartTag fonctionne il faut d'abord fermer MS Word, ensuite copier le fichier 
XML dans le répertoire suivant: 


C:\Program Files\Common files\Microsoft Shared\Smart Tag\Lists 


Ensuite, il faut dans MS Office prendre garde à avoir les SmartTags activées en allant dans le 
menu Tools/AutoCorrect Options …tel que : 


AutoCorrect x! 


äutoCorrect | âAutoFormat 4s You Type | 
AutoText | âutoFormat Smart Tags 


Word can recognize certain types of data in your document, For each 
recognized type, you can perform actions with that data, 


Recognizers: 


Properties, | 
FT Financial Symbol (Smart tag lists) 


FT Person Name (English) 

M Person Name (Outlook e-mail récipients) 

M Place (English) 

PT Time {Smart tag lists) 

M whitePages: Address (Nereosoft InfoFinder} 
M whitePages: Company {Nereosoft InfoFinder} 
M whitePages: Person (Nereosoft InfoFinder) 
M whitePages: Phone (Nereosoft InfoFinder) 
M whols IP Lookup {Smart tag lists) 


Recheck Document | More Smart Tags. | 
Remove Smart Tags | Save Options... | 


M Show Smart Tag Actions buttons 


a | 


Vous activez ici Whols IP Lookup et ensuite vous fermez et rouvrez MS Word. 


Ainsi, si nous saisissons une adresse IP dans un document MS Word nous avons la chose 
suivante qui apparaît: 


192.168.1.3 
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CE 


Whols IP Lookup: 192,166,1,35 


Find hols For IP North America 
Find Whols for IP Europe 

Find hols For IP Asia 

Find hols For IP Latin America 
Find the country 

Remove this Smart Tag 


Stop Recognizing "192.168.1.35" k 


Smart Tag Options... 


On peut très bien changer les URLS s1 on le souhaite de même que les captions. 

On peut changer également l'expression de reconnaissance par: 
<FL:exp>[B|bjug</FL:exp> 

Ce qui produit la même action si l'utilisateur tape Bug ou bug ..… 


Ou si on veut toujours les mêmes actions pour une saisie du genre Bug #123456 ou bug 
#123456 on choisir pour expression: 


<FL:exp>[Blblug\s(#)\d{6}</FL:exp> 
ou \s représente un espace vide. 
Ou encore pour les numéros de téléphone américains: 
<FL:exp>((\(\d{3}\))1(\d{3}-)) À d{3}-\d{4}</FL:exp> 


Décortiquons un peu cela... \d{3}-\d{4} signifie que l'expresion doit cotenir exactement trois 
digits suivi d'un tiret et ensuite exactement de 4 digits 


Ensuite pour ((\(\d{3}))|(d{3}-))? où le | indique l'opérateur "OR" (comme en LotusScript) 
signifie que que l'expression \d{3}-\d{4} peut être préfixée par 3 digits supplémentaires avec 
un tiret (\d{3}-) ou par 3 digits supplémentaires entre paranthèses ((\(\d{3 }\)). 


Ainsi, notre Smart Tag s'executera quand l'utilisateur saisira (281)866-7444 ou 281-866-7444. 


Le fait que l'ensemble ((\(\d{3}\))|(d{3}-)) soit entre paranthèses et suivi d'un point 
d'interrogation signifie que l'écriture de 866-7444 suffira aussi pour que le SmartTag 
fonctionne! 
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10.3 MS Access 2003 


Le méta-langage XML est nous le voyons absolument incontournable aujourd'hui dans les 
nouvelles technologies et s'impose comme standard international dans l'échange des données. 
Ainsi, MS Access est-il directement concerné. Cette voie vers le XML que prennent tous les 
logiciels dans le domaine de l'informatique se fait particulièrement ressentir pour les 
utilisateurs bureautiques avec la version MS Office 2003 où 1l est omniprésent même dans 
MS Word et MS Excel. Il convient dès lors d'acquérir des nouvelles méthodes de travail. 
Malheureuses, l'inertie d'adaptation des utilisateurs moyen fait que probablement cette 
technologie sera omniprésente chez le grand publique vers 2010... voir 2015 (la tendance se 
confirme au fur et à mesure que les années passent.…..). 


Étant donné qu'un des objectifs principaux de l'XML mis à part tout ce que nous avons dit est 
la création d'une GED), il nous faut donc savoir importer et exporter des données en XML de 
ou vers une base de données. Regardons cela avec MS Access 2003. 


1. Ouvrez une table quelconque dans un base MS Access *.mdb (pour l'exemple nous 
nous sommes servis d'une table nommée Articles dans la pièce jointe téléchargeable) 


2. Allez dans le menu Fichier/Exporter et choisissez l'option XML (si MS Access vous 
demande de générer un fichier XSL et XSD... laissez tomber !!! Le code y est 
catastrophique. et c'est inutilisable): 


Export Table ‘tblärticles" As x 
in: [& Bureau “| ® - À Q X Cà Er Too” 


My Recent 
Documents 


Cancel | 
LA 


M Schema of the data (XSD) 
F Presentation of your data (XSL) 


More Options. | Cancel | 


3. Ouvrez le fichier XML résultant dans Internet Explorer 


Voici à quoi ressemblera le résultat: 


XML 143/257 


V.ISOZ 


Version du 2015-09-22 


2 C:\Documents and Settings \Vince\bureau\tid_artéches porn 


Adresse CiiDocuments and Settings iVincelEureauteté articles nt 


e 
Moémare] |) 8 AMANIIAQIBIHASeLEBsB6eVHE-T ES 


| D Magasin PA 1 10. | “7 tbl_artiches : Table | 28 nes Access PR do... | [73 Adobe Acrobat se... | 


<temi verson="1,0" encoding="UTF-8" ?> 


<dataroot «mms ot="umm:schemas-microsoft-com:officedata" generated="2004-04-07107:05:45"> 


+ <tbl_articies> 
+ <tEA articies> 
+ <tbl_ artiches> 
+ <tbi articies> 
+ <tDi articies> 
# <tbl_articies> 
<tbl_artiches> 
<10_æticles>7</10 _articles> 
<txt_nbarucle>INF-002</txt .nbarticle> 
<mem,_designation»Disquette (3.5")</mem_designation> 
ent _nbfoumsseur>3 


nt_nbfoumisseur> 


<tbl_articies> 
<1D_artictes>0</10_artucies> 
<txt_nbsricle>INF-003</txt_nbarticie> 


<mem,_desgnaton>Etiquettes LASER (25 feuilles)</mem_designaton> 


cnt_nbfouer 


eur>3</int_nbfoumisseur> 
hnt_moQq> 
ce>35.9</cur_unitprnce> 


<tbl_articies> 
<ID_articles>10</1D_articles> 
<txt_nbsrucle>INF-004</txt_nbarticie> 
<mem_designaton>Toner</mem_designation> 


<int_nbfoumisseur>3</int_nbfoumisseur> 

cint_mog>20</int_moq> 

<Cur_unmmpnice>85.9</cur_unitpnce> 
</tbi_srticles> 


</datsroot> 


“À Poste de travail 
HSE 0723 
&)CDecuments … a a CE: ? mercred 


Nous voyons que le code est beaucoup plus propre que dans MS Office 2002 (ce qui est 
logique par ailleurs). 


Une autre manière de générer un fichier XML de façon très modulable à partir de VBA est la 
suivante (exemple générique pris sur Internet et facilement généralisable). L'exemple ci- 
dessous créer une table Access et y met des champs et enregistrements et en exporte le 
contenu dans un fichier XML selon la même technique que pour Excel: 


Option Compare Database 
Option Explicit 


‘Ne pas oublier d'installer la référence à ActiveX Data Objects 2.0 


Sub ExportXML() 


Dim tblRecordset As New ADODB.Recordset 


tblRecordset.Open "tblArticles", CurrentProject.Connection, adOpenKeyset, 


adLockOptimistic 


‘on crée le fichier XML 


Open "C:\OutPut.xml" For Output As #1 
Print #1, "<?xml version=""1.0"" encoding="iso-8859-1""7>" 


Print #1, "<table>" 
Do While Not tblRecordset.EOF 
Print #1, " <record>" 


Print #1, " <code>" & tblRecordset.Fields("strNbArticle") & "</code>" 
Print #1," <moq>" & tblrecordset.Fields("intMoq") & "</moq>" 
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Print #1," <fourn>" & tbIRecordset.Fields("tblFournisseurNom") & 
"</fourn>" 
Print #1, " </record>" 
tblRecordset.MoveNext 
Loop 
Print #1, "</table>" 
Close #1 
tblRecordset.Close 
Set tblRecordset = Nothing 


End Sub 


Inversement, il est possible d'importer une ficher XML par le code suivant (le nom de la table 
sera celui du nœud racine du fichier XML): 


Sub ImportXML() 
Application.ImportXML "c:\tblArticles.xml" 
End Sub 


C'est beau non... 


Autre chose pour appliquer un XSL à un document XML exporté et enregistrer le tout dans un 
nouveau fichier XML (ce code peut être utilisé dans n'importe que logiciel de la suite 
Office...) 


Sub XformXML() 
Application.TransformXML _ 
DataSource:="C:\Simple.xml", _ 
TransformSource:=" C:\XLSStyleSheet.xsl", _ 
OutputTarget:="C:\XformedSimple.htm", _ 
WellFormedXMLOutput:=False 

End Sub 


Considérons maintenant le fichier tblFournisseursImport.xml donné par: 


<?xml version="1.0" encoding="UTF-8"?> 
<dataroot> 
<tblFournisseurs> 
<idFournisseur-4</idFournisseur> 
<strNom>Excelsia SA</strNom> 
<strRue>Rue de Savoie</strRue> 
<intNbRue>9</intNbRue> 
<intNpa>1009</intNpa> 
<strCanton-Lausanne</strCanton> 
<strDelaiLivraison-3</strDelaiLivraison> 
</tblFournisseurs> 
<tblFournisseurs> 
<idFournisseur-5</idFournisseur> 
<strNom>Herdt AG</strNom> 
<strRue>Limatt Strasse</strRue> 
<intNbRue>116</intNbRue> 
<intNpa>3234</intNpa> 
<strCanton>Zürich</strCanton> 
<strDelaiLivraison-8</strDelaiLivraison> 
</tblFournisseurs> 
</dataroot> 
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Importons-en les données dans la table tblFournisseurs existante (dans le même base *.mdb 
qu'avant) en utilisant l'assistant manuel Fichier/Données externes/Importer: 


Import XML 


ES 


=]. tblFournisseurs 
idFournisseur Cancel | 
strhom 
strRue Help | 
intNbRue - 
intpa Options >> 
strCanton 
strDelaiLivraison _Irensform.… | 

Import Options 


© Structure Only 
© Structure and Data 


te mn me mme mt 


9 TT. i i 


Exportez maintenant toute la table tblFournisseur au format XML sous le nom 
tblFournisseurExport. 


S1 nous ouvrons ce fichier XML sortant dans un logiciel spécialisé comme XMLSpy, nous 
voyons bien que le fichier est conforme (voilà qui est rassurant): 


<strRUe>RUe de S5avole</strrue> 
<intNbhRue-9</intNhRuez 
<intNpa-1009<fntNpaz 
<strCanton-Lausanne</strCantonz 
<strDelaiLivraison-3</strDelailivraisonz 
<fhlFournisseurss 
À This file is well-formed. Please note: you can also validate an XML file against ts document type definition. 


[ Text | Grid | Schema/SDL | äuthentic | Browser | 


Untitledi .xsd tblFournisseursExport, xml 


Voici le fichier validateur XSD correspondant (obligatoire pour travailler avec proprement 
dans MS Excel et MS Word 2003): 
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<?xml version=" 0" encoding="UTF-8"?> 
<xs:schema xmins:<s=" http: lv 3 or g/2001 /#MLSchema" elementFormDefaut="qualified" 
attributeFormDefault="unqualified"> 
<xs:element name="dataroot"- 
<xs:annotation= 
<xs:documentation- Comment describing your root element</xs: documentation 
</xs:annotationz 
<xs:complexType> 
<XS:sequencez 
<xs:element name="thlFournisseurs" maxOccurs="unbounded"- 
<xs:complexTypez= 
<Xs:sequencez 
<xs:element name="idFournisseur" type="xs:integer"/- 
<xs:element name="strNom"type="xs:string"{ 
<xs:element name="strRue"type="xs:string"/{ 
<xs:element name="inmtNbhRue" type="xs:integer"/- 
<xs:element name="intNpa"type="xs:integer"i 
<xs:element name="strCanton" type="xs:string"{# 
<xs:element name="strDelailivraison" type="xs:integer"/ 
</xs:sequence> 
<ixs:complexTypez= 
<ixs:element: 
</Xs:sequencez 
<ixs:complexTypez= 
<ixs:element- 
<ixs:schemaz= 


et son schéma XMLSpy correspondant: 


FidFournisseur 


inthbRue 


Comment describing your 1.0 
root element 


FstrDelaiLivraison 


Il existe maintenant une infinité de possibilité pour mettre en forme notre fichier XML dans 
MS MS Word 2003 ou Internet Explorer à l'aide d'une feuille de mise en page XSL tel que: 
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<?xml version="1 .0"?> 
<xslstylesheet xmins:xsl="http: fi 3 org TRAMD-xsl"> 
<xsltemplate match="#"> 
<htmle 
<hody> 
<table border="1" cellspacing="0" cellbadding="3"> 
<tr bacolor="#FFFFO00"- 
<td-Nom Fournisseur<td= 
<td-Adresse <td- 
<tr- 
<xslfor-each select="datarootthlFournisseurs"> 
<xslchoosez= 
<xslwhen test="{strNom="'infolearn S41]"> 
<tr bgcolor="#00FFO0"- 
<td-<xslvalue-of select="strNom"i-<td- 
<td-<xslvalue-of select="strRue"/-nbsp<xslvalue-of select="intNbhRue"/nbsp<xslvalue-of select="intNpa"/nbsp 
<xslvalue-of select="strCanton"/=-<td> 
<tr> 
<ixsl' when 
<xslotherwisez= 
<tr> 
<td-<xsl value-of select="strNom"/<td> 
<td-<xslvalue-of select="strRue"/<xslvalue-of select="intNbRue"/<xslvalue-of select="intNpa"/-<xslvalue-of 
select="strCanton"/-<td> 
<ftr- 
<ixslotherwisez= 
<ixslchoosez= 
</xslfor-each> 
<ftable> 
<body>= 
<ihtmle 
<ixsitemplatez 
<ixslstylesheet- 


Appliqué au fichier XML, cela devient dans Internet Explorer: 


Duplibureau |Ruelle du Soleil 0 2003Neuchâtel 


La maison du papier {Rue des Anges 17 1010Lausanne 


Tartanpion |Grand-Rue 115 1205Genève 
Herdt 4G |Limatt Strasse 116 32347ünch 


Voilà ce sera tout pour notre découverte du monde merveilleux de l'XML avec MS Access 
2003. 


Bien sûr, XML+Access+Word+Excel+InfoPath 2003 forment à eux 5 dans les outils 
classiques de la suite professionnelle MS Office un outil d'une puissance, et d'une 
"compliance" sans égal ! 
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10.4 MS InfoPath 2003 


Infopath est un des 6 nouveaux éléments de la suite MS Office System 2003. Il met 
trivialement en évidence la stratégie de Microsoft de proposer des outils bureautiques 
performants de gestion et traitement de données au format XML. 


MS Infopath est un logiciel de création de formulaires dont les possibilités sont infiniment 
plus grandes que MS Word et même Adobe Acrobat 6.0. 


Nous allons ainsi faire deux exemples. Le premier sera quasi-statique simple ("plat") et 
utilisera des connaissances accessibles presque à n'importe qui. Le second exemple, 
complètement dynamique, demandera des connaissances de MS Access. 


Remarque: l'utilisation ayant été grandement simplifiée depuis la sortie de son SPI il est 
important de savoir que les exemples donnés ci-dessous ont été tirés des captures d'écran de la 
version MS InfoPath 2003 SP1. 


Donc il faut avoir installé le SP1 d'InfoPath 
10.4.1 Saisie de données (exemple 1) 


Commençons par l'exemple simple. Nous allons créer un formulaire InfoPath qui permet 
d'ajouter à notre base Access manuellement de nouveaux fournisseurs (nous faisons donc 
référence aux exemples donnés concernant MS Access 2003 précédemment). 


Le but de ce document n'état pas d'apprendre MS InfoPath mais de voir le lien qu'il y a entre 
lui et le XML, je ne m'étendrai pas sur la manière de créer le formulaire en soi (c'est 
accessible même a quelqu'un qui débute en informatique). 


Mais avant de créer le formulaire, il nous faut le validateur XSD de la table tblFournisseurs 
de notre base *.mdb. Rappelons qu'il est le suivante: 


Comment describing your 1.0 


root elernent 


strDelaiLivraison 


Maintenant, quand vous ouvrez MS InfoPath, dans le volet Office choisissez : 
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Design a form 
à] Desian a Form... 


et ensuite toujours dans le volet Office: 


Design à new form 


&) New from Data Source. 


Dans la fenêtre qui apparaît sélectionnez: 


Data Source Setup Wizard 


et allez chercher le fichier XSD. Une fois ceci fait vous devriez avoir dans le volet Office: 
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Data Source 


@ «) € 


O8] Layout 
3 Controls 
#3 Data Source 


LA Views 


Work with the data source: 
E (5ÿ dataroot 
& (@ÿ tblFournisseurs 

8 idFournisseur 
string 

=) strhom 
string 

A strRue 
string 

A intNbRue* 


integer 


A intNpa* 


integer 

É8 strCanton 
string 

É8 strDelaiLivraison* 
integer 


M Show details 


Il s'agit bien de la structure de notre XSD. 


Ensuite dans le layout du formulaire choisissez Table with Title: 


XML 
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E Layout En 


COLA 
[8] Layout 

æ Controls 
a Data Source 


DA Views 


Insert layout tables: 


FE Table with Title 


pi One-Column Table 
Ill Two-Column Table 


ill Three-Column Table 


33! Custom Table. 


et ensuite, dans choisissons un joli design: 


(Design) Template1 - Microsoft Office InfoPath 2003 


: File Edit View Insert Format Jools Table Help Type a question for help + 


: à) & Al | À Preview Form | 4 Ÿ | 4 Be | 9 © | @, © [A | RÀ Design Tasks…. | ©B 


m#1 


a— 
| TR, 
— — 


. 


: A4 Verdana *10 + B Z u =] ræ|#-A-B 


El : Color Schemes NS 4 


Click to add a title 


; Apply a color scheme: 
Click to add form content 


IS =tssresce made i Der sen See SOS DST MS SSSR TS OST OLIS SES SCC OU CUS ST ÉTS d None 
Black & white M 
Gray 
Slate 
Burgundy 


Mahogany 


Brown EE EE 


Blueberry Eu 


Ensuite retournez dans Data Source et faites un glisser-déplacer du nœud dataroot dans la 
feuille en sélectionnant Section with controls: 
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(Design) Fournisseurs - Microsoft Office InfoPath 2003 | = {O{ x| 
: File Edit View Insert Format JToos Table Help Type a question for help + 
D) & A | PreviewForm | & Ÿ | X & BB) 9 © | © © (A | M Design Tasks… | ob 
: A4 Verdana » 10 -1B1uE==s£:.:.##%.A-h 
El É Data Source 4.4 
s CNE 
Fournisseurs 
I | f | [el Layout 
D Me A et te ere 
ge à Data Source 
fe) Views 


ül Section with Contrals Work with the data source: 
El Section F dataroot 
EI LE tblFournisseurs 


CA idFournisseur 

CA striom 

CA strRue 

4 intNbRue* 

4 intpa* 

À strCanton 

CA strDelaiLivraison* 


et voilà la résultat (après avoir un peu changé les texte des libellés): 


(Design) Fournisseurs - Microsoft Office InfoPath 2003 
: File Edit View Insert Format Tools Table Help 
N & M | PreviewFom | 4 Ÿ | 4 3 9 C8 O4 
: A4 Verdana + 10 ezuEssm;;:.:.: 


&: 
[=] 
# 
Fr} 
=] 
+ 
& 
à 
© 
Ent 


Fournisseurs 


EI saisir les informations 


ID Fournisseur: 
Nom : 

Rue : 

NS Rue: 

NPB : 


Canton: 
Délai Livraison: 


M Repeating Section 


Section 


Enregistrez les modifications et fermez InfoPath. Faites ensuite un double clique sur le fichier 
InfoPath: 


C F] . 
&] Fournisseurs,xsn 


et saisissez les données. Au besoin, en faisant un clic sur la flèche bleue, vous pouvez ajouter 
des nouveaux enregistrements (c'est ce qui fait d'InfoPath un outil très puissant): 
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Fournisseurs 


Veuillez saisir les informations 


Insert tblFournisseurs above 


Insert tblFournisseurs below Ctrl+Enter 


Remove tblFournisseurs 


et donc après avoir saisi quelques valeurs: 


Fournisseurs 


Veuillez saisir les informations 


Nom : LSR 

Rue : Ch. des Yernets 
N° Rue: 8 

N.P.4, : 1'006 
Canton: Genève 


Délai Livraison: 30 


Nom : 33R 

Rue : Burgstrasse 
N° Rue: 20 
N.P.4,: 8'O05 
Canton: Zürich 


Délai Livraison: 1 


L'utilisateur du formulaire clique sur Enregistrer: 
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Formi - Micr 
: Fle Edit Yi 


Y & A £ 
: A4 |Verdana 


et InfoPath propose automatiquement de sauvegarder les données en XML: 


ae  ——_—]_"— ]— — — — — .,.,., | 
Save in: [& exo17(InfoPath2003) -| @ - à Q X La Er Toos- 


My Recent 
Documents 


Ci 


Desktop 


r 
Ée- 


Y 


My Documents 


My Computer 


*) File name: [Ponnées Juillet2004 *| 
My Network 
Places Save as type: Finfopath Form €*,xml) -| __ canal | 


et voici le fichier XML sortant: 


<?xml version="1.0" encoding="UTF-8"?> 
<?mso-infoPathSolution solution Version="1.0.0.3" productVersion="11.0.5531" PIVersion="1.0.0.0" 
href="file:///C:\Documents%20and%20Settings\Isoz\Mes%20documents\Professionel\Cours\XML\exo17(InfoPath2003)\ 
Fournisseurs.xsn" language="fr" ?> 
<?mso-application progid="InfoPath.Document"?> 
<dataroot> 
<tblFournisseurs> 
<idFournisseur/> 
<strNom>TSR</strNom> 
<strRue>Ch. des vernets</strRue> 
<intNbRue>8</intNbRue> 
<intNpa>1006</intNpa> 
<strCanton>Genève</strCanton> 
<strDelaiLivraison>30</strDelaiLivraison> 
</tblFournisseurs> 
<tblFournisseurs> 
<idFournisseur/> 
<strNom>SSR</strNom> 
<strRue>Burgstrasse</strRue> 
<intNbRue>20</intNbRue> 
<intNpa>8005</intNpa> 
<strCanton>Zürich</strCanton> 
<strDelaiLivraison>1</strDelaiLivraison> 
</tblFournisseurs> 
</dataroot> 
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Tout est parfait (mis à part la ligne propriétaire de Microsoft...) pour un traitement par MS 
Excel 2003, pour un formatage web par un XSL, pour une utilisation de pagination dans MS 
Word 2003 ou pour un import dans MS Access 2003. Rien de nouveau donc de ce côté. 


L'employé n'a qu'à envoyer ce document XML par e-mail à son responsable ou à des 
collègues. 


10.4.2 Liaison dynamique (exemple 2) 


Nous allons maintenant faire un formulaire dynamique lié directement à la table 
tblFournisseurs de notre base MS Access avec des listes déroulantes, etc. etc. L'échange des 
données entre MS Access et MS InfoPath se faisant par ADO (donc sans faire usage du XML 
mais bon c'est quand même bien de faire un exemple ne serait-ce que pour voir la facilité 
d'usage de MS Infopath). 


Ouvrez InfoPath (SP1) et sélectionnez: 


Design a form 


là] Design a Form 


Dans le volet Office cliquez sur: 


& 3 New from Data Connection... 


Afin que nous puissions nous connecter à la base MS Access (les Webservices utilisant les 
flux XML par SOAP ne seront pas traités dans ce document — c'est que pour les spécialistes): 


Data Connection Wizard x 


This wizard helps ou design a form based on the data you receive from or submit to a Web 
service or database, 
; Select the type of data connection you want to use For your form: 
6 ba _ 
( web service 


Ensuite la fenêtre suivante apparaît (cliquez sur Nexf): 


XML 156/257 


V.ISOZ 


Version du 2015-09-22 


Select Data Source 


QC exo15(Access2003) | & 


Yourdata source canincudecnecrmore tables onquernes omibne 


MDEta source structure" 


éd'datat 


AdoNable" 
RemMoyENEablE 


Modif ete, 


EdibS Qi, 


Select Table 


tblärticles Query 
tblrticles 
tblCantons 
tblClients 
tblEntrees 
EtblFournisseurs 
tblPays 


et vous devez avoir: 


7/29/2004 2:37:48 PM 

4/21/2004 10:40:40 4M 
4/21/2004 10:37:48 AM 
5/20/2004 12:04:26 PM 
4/21/2004 10:40:33 AM 
4/21/2004 10:56:18 AM 
4/20/2004 1:20:45 PM 


7/29/2004 2:37:33 PM 
2/26/2003 11:41:37 AM 
4/19/2004 10:02:46 PM 
4/19/2004 6:24:22 PM 
2/27/2003 2:00:50 PM 
2/26/2003 3:01:10 PM 


4/19/2004 10:07:57 PM 
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Data Connection Wizard 


[M] strCanton 
[M] strPays 
[M] strDelaiLivraison 


Cliquez sur Next, donnez un nom à votre connexion (Fournisseurs par exemple) et sur Finish. 
Vous devrez avoir le résultat suivant dans le volet Office: 


E (5% myFields 
queryFields 
E (5 dataFields 
E ($ ditblFournisseurs 

É% ‘idFournisseur 
LA :strNom 
À :strRue 
LR ‘intNbRue 
À ‘intpa 
LÀ :strCanton 
LA :strPays 
LÀ :strDelaiLivraison 


A gauche sur la feuille (InfoPath SP1), vous avez une zone Drag data fields here (vous 
pouvez effacer la partie concernant la Query). Glissez-y le nœud d:tblFournisseurs: 
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Fournisseurs 


f 
‘Saisissez les fournisseurs et cliquez sur Publier 


Quand vous glissez ici: La boîte de dialogue suivante apparaît: 
Fournisseurs À 


L 
‘Saisissez les fournissèurs et cliquez sur Publier 


New Record | 


fs Repeating Téble 
E Repeating Section with Controls 


ie dur ne cos are REC REe do un Æ Repeating Section 


E1 Master/Detail 


Dans la boîte de dialogue, sélectionnez Repeating Section with Controls. Vous aurez: 


Fournisseurs 


! 
‘Saisissez les fournisseurs et cliquez sur Publier 


tblFournisseurs E 


‘ Id Fournisseur: 
Str Nom: 

| Str Rue: 

‘Int Nb Rue: 

| Int Npa: 

| Str Canton: 

‘ Str Pays: 

Str Delai Livraison: 


\ MRepeating Section 


Vous pouvez changer le nom des étiquettes.et supprimer le champ id Fournisseur (puisque 
c'est une clé primaire AutoNumber dans notre base Access): 
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New Record | 


LOL OL LL CL CL LL LL 


NI 


D Z 
O 
D 


7 
É, © 
Le 


Ë 


Canton: 
Pays: 
Délai Livraison: 


RE 
ee 


Ve C4 L ME A NES 


Maintenant nous aimerions que lorsque l'utilisateur clique sur Canton ou Pays que la liste des 
cantons ou pays disponibles dans la base Access (dans les tables fblCantons et tblPays) 
s'affiche à l'écran (pour que l'utilisateur n'ait pas à les saisir). 


Pour ce faire, il faut aller dans le menu Tools/Data Connection: 


Data Connections x 
. Data connections for your Form: 


_ Modfy.… | e 


Bree Bree 


Add..ensuite Receive Data ensuite Database (Microsoft SOL Server or Microsoft Access 
only) ensuite Select Database et allez chercher la base fables.mdb et la table blPays: 
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Data Connection Wizard 


Cliquez sur Next, donnez un nom à la connexion et recommencez l'opération pour la table des 
cantons. Vous aurez alors dans la fenêtre des connexions (Tools/Data connections) trois 
connexions: 


Data Connections 


Main connection 
tblPays 
tblCantons 


Cliquez sur Close. 


Pour relier les champs Cantons et Pays du formulaire InfoPath aux tables de la base Access 
et les transformer en listbox voici comment il faut procéder: 


Il faut d'abord transformer les champs texte en Drop Down Listbox. Pour ce faire, bouton 
droit et: 
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PAPE Li 


Canton:2 
0 


© Change Binding. 


Pays: : 
ta Show Data Source... 


Délai Livraiso 


M Repeating Sect M Paste 


äpply Font to All Text Box Controls 
: Drop-Down List Box 
4 Borders and Shading.… 
—| LÉ List Box 


Text Box Properties... 


© Option Button 
F7  CheckBox 

e Hyperlink 

Aa Expression Box 


v1 
al Section 
HA Date Picker 


A Picture 


et idem pour les pays. 


Maintenant 1l faut "peupler" les ListBox avec le contenu des tables de la base Access. Pour ce, 
clique droit et: 


© Change Binding... 
#3 Show Data Source. 


: Pays: Select... 


Délai Livraison: | 
dé“ Cut 
à Copy 


1 : & Paste 


| Nos - : - 
| canton: TSelect [escale] 


&pply Font to All Drop-Down List Box Controls 
%4 Borders and Shading.… 


Change To + 


Drop-Down List Box Properties... 
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Ensuite: 


Drop-Down List Box Properties x 
Data | Display | Size | Advanced | 


Binding 
Fieldiname: [strcanton 
Datatype! [simpleType 2| 


Validation and Rules 
BiiGannotbe blank 


Data Validation... | Use data validation to display errors when users enter 
= invalid data. 


Rules. | Use rules to apply actions when users change the 
_ value in this control, 


ist box entries 


© Enter list box entries manually 
Look up values in the form's data source 


ok up values in a data connection to a database, Web service, File, or 
SharePoiat library or list 


Data Connection: [tblcanton -| Add... | 


Choose the repeating group or field where E jes are stored, 


Entries: taFields/d:tblCantons/@strCanton DE. | 
Value: . #| 
Display name: . ta | 


coca] | 


Vous cliquez sur OK et vous faites idem pour les pays. 


Vous enregistrez votre formulaire (*.xsn) et l'ouvrez par un double clique depuis votre 
raccourci sur le bureau ou votre explorateur Windows (si lorsque vous l'ouvrez il vous dit que 
les données se trouve sur un autre domaine vous validez par Oui): 
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Fournisseurs 


f 
Saisissez les fournisseurs et cliquez sur Publier 


sannenssnasmassenesessssnmescancssesossasnnsmsssonsmesemsensssossnssasemsesenssse-q 


! Canton: [Select… “| | 
! Pays: [Select… >| | 
‘ Délai Livraison: 


Repeating Section 


: 
: 
LTTETETESEETEEEEEEE nn mnnnnmmnnnmmnmmnmnmmnmmmmnmmmmnmmmmmmmnmanmmmmmmmmmmmm…“_…m…… 2 


Cliquez sur une des ListBox et oh miracle: 


Fournisseurs 


Saisissez les fournisseurs et cliquez sur Publier 


New Record | 


Lausanne 
Neuchâtel 


Insert item 


et maintenant pour la saisie de données ? Eh ben c'est très simple, on saisit le premier Record 


et le deuxième (cliquez sur /nsert Item) etc..…: 
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Fournisseurs 


Saisissez les fournisseurs et cliquez sur Publier 


New Record | 


Nom: RSR 
Rue: Ch. des Yernets 
N° Rue: 22 
NPA: 1024 


Canton: [Genève + 
Pays: | l 


Délai Livraison: 3 


: RUE: Burgstrasse 

N° Rue: 225 

À NPA: 8'300 

| Canton: [Neuchâtel x] 
paye: [allemagne x 


Insert item 


et quand c'est fini, on clique sur: 


Formi - Microsoft Office 


K File Edit View Insert 
: Submit | LŸ & A 
A fe | 


On a: 


Microsoft Office InfoPath p«| 


A) The form was submitted successfully, 


© on est forts hein. 
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Et si nous allons ouvrir notre table Access tblFournisseurs, nous avons bien: 


Pl Microsoft Access -|O/ x! 
| © File Edit View Insert Format Records Tools Window Help Type a question for help + 


RE -| M À à V4 a m)918 124% 3 YA)»: x] ES 4] R 


Æ tblFournisseurs : Table 


Ï Ouplibureau Ruelle du Soleil —. Neuchâtel 
2 La maison du papier Rue des Anges 1010 Lausanne 
3 Tartanpion Grand-Rue 1205 Genève 
4 RSR Ch. des Vernet: 1024 Genève 
Burgstrasse 8300 Neuchâtel Allemagne 


1 ploiloxlofs 
Numéro de saisie du fournisseur {historique} 


Remarque: pour supprimer le bouton d'édition de MS InfoPath sur les postes clients allez dans 
Tools/Options et activez Enable protection. 


Voilà pour les bases de MS InfoPath et XML. 


Bien sûr 1l faut avoir en tête que tout cela communique avec l'ensemble des produits de la 
gamme MS Office 2003. 
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10.5 MS Frontpage 2003 


Oui il faut en parler un petit peu... MS FrontPage 2003 contient quelques nouveautés (deux) 
par rapport aux fichiers XML, XSL, XSD, etc. 


Première nouveauté: Vous pouvez créer des fichiers XML, XSL, XSD, DTD dans FrontPage 
2003 et ceux-ci sont colorisés comme il se doit: 


Æ] Microsoft FrontPage - C:\Documents and Settings\Yince\Mes documents\Professionel\Infolearn\Cours\, 


: File Edit View Insert Format Jools Custom Frontlook Table Data Frames Window Help 
SAAB: SA: VB TY 2-C- ON A6 IS |. 
À 2 1,8 z u| | 
“vertes xd |ventessmit 


»M<?xml version="1.0" encoding="iso-8859-1"2> 
"A <?xml-stylesheet type="text/xsl" href="OrderBy.xsl"2> 
<) <NewData$et xmlns:xsi="http://uwwuw.w3.0org/2001/XML$chema-instance" xsi:noNamespace 
<ventes> 
<au_id>172-32-1176</au_id> 
<au_lname>Einstein</au_lname> 
<au_fnane>älbert< /au_fnane} 
<phone>408 496-723</phone> 
<address>10932 Bigge Rd.</address> 
<city>Menlo Park</city> 
<state>CA</state> 
<zip>94025</zip> 
<contract>true</contract> 
<ventes>-600</ventes> 
</ventes> 
<ventes> 
<au_id>172-32-1233</au id> 
<au_lname>Planck</au _Iname> 
an fnamesMavs an fnames 


I 
ll 
ll 
Il 
> 
> 
Î 
ji 
né 
[M 


Deuxième nouveauté: il y a une barre d'outils qui permet de mettre en forme le XML (au cas 
où vous l'auriez mal fait... ce qui est dur...) et de vérifier s'il est valide: 
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{] Microsoft FrontPage - C:\Documents and Settings\Yince\Mes documents\Professionel\Infole 


: File Edit View Insert Format Tools Custom Frontlook Table Data Frames Window 
D'SAÂAAB-A4Q- VID 2 -C-O NA 
TB 7 U = EME 


c: 


<ventes> 
<au_id>-172-32-1176</au id 
<au_Iname>Einstein</au _Iname> 
<au_fname>Albert</ au_fnanel 
<phone>408 496-723</phone> 
<address>10932 Bigge Rd.</address> 
<city>Menlo Park</city> 
<state>CA</state> 
<zip>94025</zip> 
<contract>true</contract> 
<ventes>600</ventes> 

</ventes> 

<ventes> 


Reformat XML... Verify well-Formed XML... 


Document valide: 


Microsoft Office FrontPage  X| 


& The document appears well nested and well formed, 


Document non valide: 


XML Yalidation  X| 


Whitespace is not allowed at this location. (Line 22, Pos 27) 


Bof mis à part ça concernant le XML j'ai rien vu d'autre (au fait si mais... bon je suis pas un 
fan de frontpage mis à part quand il s'agit de faire du SharePoint ou des équations.…..). 
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10.6 MS Project 2003 
A nouveau, MS Project 2003 permet lui aussi d'exporter ou d'importer des fichiers XML. 


Cette possibilité permet ainsi à des développeurs de créer des logiciels qui génèrent du XML 
compatible avec MS Project 2003 (pour en faire des diagrammes de Gantt ou de Pert) et ceci 
sans passer nécessairement par la manne Microsoft (c'est aussi un des nombreux intérêts du 
XML). Seule exigence, connaître le schéma XSD propriétaire de MS Project. 


Petit problème cependant (que nous retrouverons dans MS Visio 2003), le fichier XML 
résultant d'une exportation est très lourd au niveau du nombre de balises. Un traitement par 


voie de programmation est quasiment indispensable. 


Voici notre projet de base pour l'exemple (toujours le même: apprendre XML © ): 


Task Name | Duration | !Sat 31 Jul [Sun 01 Aug | Mon 02 Aug | Tue 03 Aug | Wed 04 Aug! Thu 05 Aug | Fri 06 Aug 
(a re | 7 | rm en 
= Apprendre XML'/Office 2003 4.5 days [| rames d 


Introduction à XML/XSL/XSD 2 days 
MS Word 2003 0.5 days 
MS Excel 2003 0.5 days 
MS InfoPath 2003 1 day 


MS Visio 2003 0.5 days 


Remarques: nous n'avons spécifié aucune ressource ni quoi que ce soit de particulier dans le 
calendrier. 


Allez dans Fichier/Enregistrer sous et choisissez comme type de fichier XML: 


xl 
Save in: [& exo19{Project2003) >| @ - À | Q X Cs EA » Toos 


My Recent 
Documents 


) File name: fProietxm] xml + ] ODEC... | 


My Network 


Places Save as type: [rm Format (*,xml) -| Cancel L 


A 
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Le fichier XML résultant est tellement conséquent (c'est normal ceci dit...) qu'il serait 
indécent de gaspiller des pages électroniques pour le présenter. C'est le travail du développeur 
de le décortiquer pour créer un parseur adapté. 


Cependant !!!! Il existe un nouveau bouton dans MS Project 2003 fait pour générer des 
rapports XML d'une tout beauté. Toujours sur le même exemple de base, activons la barre 
d'outils Analysis: 


; 5 Adjust Dates Ed) Analyze Timescaled Data in Excel. & Copy Picture to Office Wizard E| PERT änalysis | Visio WES Chart Wizard + | [] XML Reporting Wizard E 
L 


et observez bien le dernier bouton tout à droite XML Reporting Wizard ;-P. Et bien cliquons 
dessus: 


XML Reporting Wizard 


Welcome To the XML Reporting Wizard 


This Wizard applies an XSL template to an 

“ML file containing Microsoft Office Project 
data. The template transforms the XML file 

into à report. 


You can create custom reports in any format by 
creating your own XSL templates. The sample 
templates included generate HTML documents. 


These reports can display any information about 
your project but do not display views created in 
Microsoft Office Project. 


To continue, click Next. 


<Eack | Cancel | 


Deuxième étape, où 11 faudra dire où est-ce que vous souhaitez enregistrer le fichier XML 
résultant: 


XML Reporting Wizard L 


Specify XML File 
Generate or select the XML file that the Wizard will use to 
create the report. 


Select one of the following: 


© Existing: Ï 


Browse 
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Save Project as XML File 


© ex019(Proiect2003) + 


=] XML2003,.xml 


Bureau 


Mes documents 


« 


Poste de travail 


Une fois ceci fait, il vous demande le fichier de formatage XSL (par défaut il en existe deux 
dans le dossier d'installation de MS Project): 


XML Reporting Wizard 


Select the Transform To Apply 


Select which XSL/T template to use to perform the transform. 
This will determine the format and contents of the report. 


Voici les deux fichiers en question: 
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Select XSL/T Template 


KPÂCRITTASK.XSL 
BPÎRESOURCE.XSL 


. PJ [u) 


= 


72 


Prenons les tâches critiques: 


XML Reporting Wizard 


Complete the Report 
Preview the report in Internet Explorer and/or save it. 


On enregistre le rapport sous un fichier HTML et: 


Æ]RapportkML.htm 
E Rapport*ML, xml 


Voilà à quoi cela ressemble: 
1. Le fichier XML: 
trop long. et toujours indigeste …… ;-) 


2. Le fichier XSL (qui lui est beaucoup plus digeste): 


<?xml version="1.0"?> 
<xsl:stylesheet xmins:xsl="http://www.ws3.org/TR/WD-xsl"> 
<xsl'template match="/"> 
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<HTML> 
<BODY BGCOLOR="white"> 
<TABLE BORDER="0" CELLSPACING="1"> 
<TR> 
<TD COLSPAN="5" ALIGN="center"> 
<H2><font face="tahoma" size="5"-Critical Tasks for Project: <xsl:value-of select="Project Name" /> 
</ont></H2> 
</TD> 
</TR> 
<TR BGCOLOR="0x3383FF"> 
<TH><font color="white"-ID</font>-</TH> 
<TH><font color="white"-Name</font-</TH> 
<TH><font color="white">-Priority</font></TH> 
<TH><font color="white">-Start</font-</TH> 
<TH><font color="white"-Finish</font-</TH> 
</TR> 
<xsl:for-each select="Project/Tasks/Task"> 
<Xsl:if test="Critical[.=1]"> 
<xsl:if test="Summary[.=0]l"> 
<TR> 
<TD><xsl:value-of select="ID"/></TD> 
<TD><xsl:value-of select="Name"/></TD> 
<TD><xsl:value-of select="Priority"/></TD> 
<TD><xsl:value-of select="Start"/></TD> 
<TD><xsl:value-of select="Finish"/></TD> 
</TR> 
</xslif> 
</xslif> 
</xsl:for-each> 
</TABLE> 
</BODY> 
</HTML> 
</xsl'template> 
</xsl'stylesheet> 


3. Le fichier HTML (le combiné du fichier XSL et XML donc.….): 
Critical Tasks for Project: RapportXML.xml 
DD Name [Priority Stat |  Fnish | 


2 Introduction à XML/KXSL/XSD 500 2004-08-02T08:00:00 2004-08-03T17:00:00 
3 MS Word 2003 500 2004-08-04T08:00:00 2004-08-04T12:00:00 
4 MS Excel 2003 300 2004-08-04T13:00:00 2004-08-04T17:00:00 
5 MS InfoPath 2003 300 2004-08-05T08:00:00 2004-08-05T17:00:00 
6 MS Visio 2003 500 2004-08-06T08:00:00 2004-08-06T12:00:00 


Mais franchement... que demande le peuple !? C'est pas beau ça ? 
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10.7 MS Visio 2003 


A nouveau, MS Visio 2003 permet lui aussi d'exporter ou d'importer de nombreux type des 
schémas (Brainstorming, Business Process Report, etc.) au format XML. 


Cette possibilité permet ainsi à des développeurs de créer des logiciels qui génèrent du XML 
compatible avec MS Visio (pour en faire des schémas) et ceci sans passer par la manne 
Microsoft (c'est aussi un des nombreux intérêts du XML). 
Remarque: curieusement Microsoft à créé un outil d'export XML de schémas Brainstorming 
automatique mais par pour les Organisation Chart ou les Business Process qui sont quand 
même nettement plus utilisés (effet de mode des schémas Brainstorming certainement..…). 
Nous allons donner donc deux exemples: 

1. Celui d'un Export/Import de schéma Brainstorming (sic!) 

2. Celui d'un Export d'un rapport d'un Business Process (ça j'adore !) 
10.7.1 Génération diagramme (exemple 1) 
Comme d'habitude le but de ce document n'est pas d'apprendre à utiliser MS Visio donc je 
supposerai que vous savez créer des schémas de Brainstorming (ce qui est du niveau d'un 


enfant disons... de 12 ans). 


Donc voilà un diagramme tout fait sur un sujet que vous connaissez bien (il faut avoir des 
idées parfois….): 


XML 174/257 


V.ISOZ Version du 2015-09-22 


ail Drawing1 - Microsoft Visio -|(#1x| 
“HE fie Edt View Inset Format Iods Shape Branstoming Window Help Type a question for help + _ & X 
iD:SHA42 FR aBXx#I2-0.)4]-L-A-@le -:0B 

À Arial “it -|B Zu E== A.<4-à-.=.-5.£-b Tate 7 RE ET mi 
| | Et | B 7 3 7 Di —sonefe. 2. 

Shapes x PA A TT RE 


A 5 à 04 à 
Search for Shapes: 
Type your search here Fr] 


 Æ] Brainstorming Shapes (Metric) 


© 


XML et Office 2003 


No Selection 


E s Drawingi 
Er: XML et Office 2003 

1 Visio 2003 
Le Project 2003 
:. OneNote 2003 
Le Access 2003 
Word 2003 
Lu X5D/DTD/KSL 
mm FrontPage 2003 

io XMLSpy 


No Custom Properties 


F1 Backgrounds {Metric) 
 FÆ Borders and Titles (Metric) | 


 ÆlLegend Shapes (Metric} 
: D | Reveners» | La - # | & à D - M | 


Page 1/1 


Pour l'exporter en XML (afin de voir comment cela est fait et développer un logiciel qui en 
crée un semblable pour l'import ce coup-ci): 


Brainstorming } Window Help 


«#] Auto-Arrange Topics 


A Add Main Topic 

& Add Subtopic 

oi Add Peer Topic 

& ädd Multiple Subtopics… 


Change Topic Shape... 


Move Topic to New Page... 


Layout... 


Qutline Window 


Import Data... D'EUROPE D 
ort Dat To Microsoft Office Word... 
To Microsoft Office Excel... 


Ce qui donne ma foi un schéma extrêmement simple à reproduire à l'aide de code VBA, C#, 
VB.Net ou Java, etc.: 


<?xml version="1.0" encoding="UTF-8"?> 
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<bs:Brainstorm xmins:bs="http://schemas.microsoft.com/visio/2003/brainstorming"> 


<bs:topic bs:TopiclD="T1"> 


<bs:text-XML et Office 2003</bs:text> 

<bs:topic bs:TopiclD="T1.1"> 
<bs:text-Visio 2003</bs:text- 

</bs:topic> 

<bs:topic bs:TopiclD="T1.2"> 
<bs:text-Project 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.3"> 
<bs:text-OneNote 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.4"> 
<bs:text-Access 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.5"> 
<bs:text-Word 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.6"> 
<bs:text-XSD/DTD/XSL</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.7"> 
<bs:text-FrontPage 2003</bs:text> 

</bs':topic> 

<bs:topic bs:TopiclD="T1.8"> 
<bs:text-XMLSpy</bs:text> 

</bs:topic> 


</bs:topic> 
</bs:Brainstorm> 


A nouveau, on peut très bien imaginer envoyer ces données dans une base MS Access ou dans 


Excel, ou dans Word que ce soit en import ou/et en export. 


Ajoutons un noeud T2 "Voilà l'import" manuellement: 


<?xml version="1.0" encoding="UTF-8"?> 


<bs:Brainstorm xmins:bs="http://schemas.microsoft.com/visio/2003/brainstorming"> 


<bs:topic bs:TopiclD="T1"> 


<bs:text-XML et Office 2003</bs:text> 

<bs:topic bs:TopiclD="T1.1"> 
<bs:text-Visio 2003</bs:text- 

</bs:topic> 

<bs:topic bs:TopiclD="T1.2"> 
<bs:text-Project 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.3"> 
<bs:text-OneNote 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.4"> 
<bs:text-Access 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.5"> 
<bs:text-Word 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.6"> 
<bs:text-XSD/DTD/XSL</bs:text> 

</bs:topic> 

<bs:topic bs:TopiclD="T1.7"> 
<bs:text-FrontPage 2003</bs:text> 

</bs:topic> 

<bs:topic bs:TopiciD="T1.8"> 
<bs:text-XMLSpy</bs:text> 

</bs:topic> 


</bs:topic> 
<bs:topic bs:TopiclD="T2"> 


<bs:text>Voilà l'import</bs:text> 


</bs:topic> 
</bs:Brainstorm> 
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et importons dans MS Visio: 


Brainstorming } Window Help 


Là] âuto-ârrange Topics 


-[(&] é0% | @ 
B 


FÉRRE 


J 4 Add Main Topic 

& Add Subtopic 

“oi Add Peer Topic 

1 «3 Add Multiple Subtopics.… 


fl > 


Change Topic Shape… 
Move Topic to New Page... 
Layout... 


Theme... 


1°] Qutline Window 
| Import Data... 


Export Data + 


Résultat: 
LE Se à 04 vx] 
XNMLSpy FrontPage 2003 


XSD/DTDYXSL Yiord 2003 

——————— | 
N 
XML et Office 2003, 
Access 2003 / OneNote 2003 

Le LL 

% Visio 2003 
————_ 


Voilà l'import 


Comme quoi cela marche parfaitement dans les deux sens. 


10.7.2 Rapports XML (exemple 2) 


Voici mon préféré (je l'utilise lors de mes interventions d'audit dans des grandes entreprises 
internationales dont je ne citerai pas les noms). 


Un reporting d'analyse chiffré d'un Businness Process en XML: 
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Soit à considérer le Processus (c'est du n'importe quoi mais c'est juste un exemple) suivant 
avec des propriétés identiques pour chaque forme comme indiqué dans la capture d'écran ci- 
dessous: 


Vincent Is0z 


1300.00 CHF 
Lausanne 
XML/XLS/XSD 


134044 LU035n) 


Le but: créer un rapport XML des coûts de l'un des chemins du graphe du processus. 


Méthode (sans entrer dans toutes les possiblités que cet outil propose): 
1. Sélectionner le chemin (éléments du processus) intéressé par le reporting 


2. Aller dans le menu Tools/Report: 
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Reports À F4 


Inventory C1Office2003isiol 1110331 


Description 
Number of shapes on page. 
Grouped by shape name, 


NW Show only drawing-specific reports 


al 


Cliquez sur New et sélectionnez Shapes that are selected et cliquez sur Next: 


Report Definition Wizard 


Choose the objects you want to report on: 


© Shapes on all pages 
© Shapes on the current page 


Lettres rétro tonne) 


ädvanced... | 


et cliquez sur Next et cochez ce que vous voulez dans votre rapport (afin de faire des 
"statistiques" par exemples sur les valeurs numériques): 
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Report Definition Wizard 


[L Choose the properties vou want displayed as 
columns in your report. 


<Width> 

<* Location 
<Y Location 
Coût 

Duréee (jours) 
Intervenant 
Place 


M 
M 
M 
M 


[ Show all properties 


Cliquez sur Next et donnez un titre (=/ nom) à votre rapport (ne sélectionnez rien d'autre car 
nous ne souhaitons pas dans cette démo faire de Tris, Filtres ou Calculs à ce niveau du 
discours): 


Report Definition Wizard 


L Report Title: 


[xmL visio2002] 
Subtotals.…. | 


Group by: None 


Sort... | 


Sort by: None 


Format... | 


Precision: 2; Show units: TRUE 


Cancel | < Back Finish | 


Cliquez sur Next, donnez un nom à votre rapport, un descriptif (et au besoin enregistrez-le 
dans un fichier *.vrd que vous pourrez envoyer à vos collègues afin qu'ils puissent eux aussi 
générer le même type de rapport) et cliquez sur Finish: 
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Report Definition Wizard Xl 


Save the report definition 


Name: 


PPémo XML Visio 2003 


Description: 


C'est pas beau ça ?| 


© Save in this drawing 


Save in a file Pocuments and Settings\Yince\Mes documents\*MLVisio2003,vrd 
Browse... | 


Démo XML Visio 2003 
Inventor: 


Description 
C'est pas beau ça ? 


Show only drawing-specific reports 


al 


Sélectionnez le rapport à effectuer et cliquez sur Run la fenêtre suivante apparaît alors (on 
vous laisse deviner que est le choix le plus puissant qui soit) et cliquez sur OK: 
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Run Report _X!{ 


Select report format 


E3 


Save report as 


frents and Settings\ince\Mes documents\Report,xml 
Browse... | 


Cancel | 


et vous obtiendrez un document XML très moche. 


La raison en est relativement simple: le fichier résultant contient le schéma XSD (au début) et 
ensuite les données XML de notre rapport. Si nous supprimons la partie XSD cela allège déjà 
terriblement le fichier XML. 


Ensuite, le traitement des données XML qui nous intéressent via XSL devient un exercice 
relativement simple (voir même trivial!) mais si nous souhaitons que l'utilisateur lambda 
puisse facilement modifier/lire le fichier XML vaut quand même mieux exporter les données 
par voie de programmation VBA. 


10.8 MSN Messenger 


Vous vous demandez certainement que vient faire MSN Messenger dans le suite MS 
Office 2003. Eh bien c'est simple: 


Nous considérons MSN Messenger comme faisant partie intégrante de MS Office 2003 
lorsque SharePoint Portal Server 2003 et Live Communication Server sont installés sur le 
serveur de l'entreprise (suivre une formation à ce sujet pour voir la valeur ajoutée de ces 
outils combinés) 


Savez-vous que vous pouvez profiter des dernières actualités dans MSN Messenger 6.0: cet 
article vous explique comment faire. 


Sympa, moi qui suis un aficionados de Messenger, je me pose tout de suite la question: est- 
ce possible de faire la même chose pour moi ? 


La réponse est oui et c'est d'une simplicité enfantine. 

Première étape, créez un petit logo de 30 par 30 pixels avec un fond transparent: Ensuite, 
créez une page HTML (ou dynamique) qui contiendra ce qui sera affiché dans Messenger. Et 
oui, une bête page HTML (xsl, php, asp, etc.). Pour ma part, pour mes tests, j'ai juste créé une 


page avec un DataGrid qui est lié avec les 10 derniers articles paru sur le site. 


Avant dernière étape, saisissez le code XML suivant: 
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<tab> 

<image> http://www.c2i.fr/c2iT V/c2imsn.png</image> 
<name>c2i.fr</name> 

<tooltip-Les derniers articles c2i.fr</tooltip> 
<contenturl>http://www.c2i.fr/c2imsn.aspx </contenturl> 
<hidden>false</hidden> 


</tab> 


Dans l'ordre on définit l'emplacement de l'image, le nom de l'onglet, son tooltip et l'URL du 
contenu. Fastoche. 


Dernière et ultime étape, fermez MSN 6.0 puis allez dans le dossier caché contenant le 
fichier ConfigCache.xml. Il est dans: 


Documents and Settings\nom utilisateur\ Application Data\Microsof{\MSN 
Messenger\numéro de version de MSN Messenger 


et ajoutez votre tab au sein des autres tab. Relancez MSN 6.0 (attention pour des raisons 
de sécurité, cela ne fonctionne plus sur d'autres systèmes) et voili, voilo, les infos de vote 
site dans Messenger ; -) 


L 
[=] MSN Messenger _} - »- ee 
© = - 

Fichier Contacts Actions Outils ? 
— Exemple d'échanges cryptés via des services web 
{de MedxmlNet.org)} 
be. c2iTY n°2 : Borland C# Builder personal Edition 
LA 
ir Créer une vrai barre d'outils 
E c2iTY n°1 : les outils gratuits indispensables 
a Exécuter un DTS à travers une application C# 
Q Le futur de C# : les iterators 
-# k 
(l Comment gérer astucieusement les variables 
( Session 
\5 Une macro pour générer du code C# 
automatiquement 
$ WeblogNET 
MN Tech Ed 2003 Part IV 
|: | 
l 
= pe 2 
msn" Messenger 
Alle 
L=— 


Microsoft à laissé tombé cette possibilité maintenant et c'est son service MSN Alerts utilisant 
des flux RSS qui le remplace. N'import qui peut s'abonner à un flux RSS (ou en créer un 
comme nous verrons) en passant par l'adresse: 
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http://signup.alerts.msn.com/alerts/editSignup.do? 
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11. XML 


Nous partons 


2 <catalog 

3 <cd> 

1 <title>Empire Burlesque</title> 
5 <artist>Bob Dylan</artist> 

6 <country>USA</country> 

f <company>Columbia</company> 

8 <price>10.90</price> 

9 <year>1985</year> 
10 </cd> 
11 <cd> 
12 <title>Hide your heart</title> 
13 <artist>Bonnie Tyler</artist> 
14 <country>UK</country> 
15 <company>CB$ Records</company> 
16 <price>9.90</price> 
17 <year>1988</year> 
18 </cd> 
19 <cd> 
20 <title>Greatest Hits</title> 
21 <artist>Dolly Parton</artist> 
22 <country>USA</country> 

23 <company>RCA</company> 
24 <price>9.90</price> 
25 <year>1982</year> 
26 </cd> 
ca <cd> 
28 <title>$till got the blues</title> 
29 <artist>Gary Moore</artist> 

30 <country>UK</country> 

31 <company> Virgin records</company> 


et Javascript 


du fichier XML suivant: 


15 <?xnl version="1.0" encoding="UTF-8"2> 


énrires ln 20£éimrires 
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Et du fichier XSL suivant: 


1 <?xnl version="1.0" encoding="UTF-8"2> 

2 <xsl:stylesheet version="l1.0" xmlins:xsl="http://uwuw.w3.0org/1999/XSL/Transform"> 
3 

4 <xsl:template match="/"> 

5 <html> 


6  <body> 

7 <h2>My CD Collection</h2> 
6 <table border="1"> 

9 <tr bgcolor="#9acda32"> 


10 <th style="text-align:left">Title</th> 
11 <th style="text-align:left">Artist</th> 
12 </tr> 

13 <xsl:for-each select="catalog/cd"> 

14 <tr> 

15 <td><xsl:value-0of select="title"/></td> 
16 <td><xsl:value-0f select="artist"/></td> 
17 </tr> 

16 </xs31:for-each> 

19 </table> 

20 </body> 

21  </htul> 


22 </xsl:template> 
23 </xs1:stylesheet} 
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Ensuite, dans le même dossier, nous créons le fichier *.html suivant: 


<htul> 
<head> 
<script> 
function load*XMLDoc(filename) { 
if (window.ÀActiveX0bject) 
{xhttp = new ActiveX0bject("Msxm12.XMLHTTP");} 
else 
{xhttp = new XMLHttpRequest(};} 
xhttp.open("GET", filename, false); 
try {xhttp.responseType = "msxml-document"} catch(err) {} // Helping IE11 
xhttp.send(""); 
return xhttp.responseXML;} 


OO Jun EE ON 


hr 
E © ND + © 


function displayResult(){ 
xml = loadXMLDoc("simple. xml"); 
X31 = load*MLDoc("XStyleSheet. xsl"); 


de for IE 


bhbhkh 
œ -3 O in 


if (window.ActiveX0bject || xhttp.responseType == "msxml-document") { 
= xnl.transformNode(xs1l); 
document.getElementByld("exaemple"}).innerHTML = ex;} 


D D + 
+ © 
nm 
* 


code for Chrome, Firefox, Opera, etc. 


D 
Lu 


else if (document.implementation «6 document.implementation.createDocument) { 


23 xsltProcessor = new XSLTProcessor():; 

24 xsltProcessor.import$tylesheet(xsl); 

25 resultDocument = xsltProcessor.transformToFragment(xml, document) ; 
26 document.getElementByld("example"}).appendChild(resultDocument) ;}} 
27 </script> 

28 </head> 

29 <body onload="displayResult()"> 

30 <div id="example" 

31 </body> 

32 </htul> 


Après avoir posé les fichiers sur un serveur, nous obtenons sur l'ordinateur actif: 
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@ [e9| http://localhost/Xl je) v Ô E 1ocaihost 


My CD Collection 


mm Jam | 


(a 


X 


XML 


188/257 


V.ISOZ Version du 2015-09-22 


12. XML et PHP 


Jusqu'à maintenant nous avons vu comment traiter des fichiers XML avec du XSL les deux 
étant localisés au même point. Cependant, si nous avons un fichier XSL à disposition pour 
parser un document XML qui se trouve sur un serveur distant il faut procéder un peu 
autrement 


12.1 Parser un fichier XML distant 


Voici un fichier XML nommé simple.xml (que nous supposerons situé n'importe où sur le 
web) que nous poserons à la racine du serveur apache (Program Files/EasyPHP/www) 
installé pour le cours (ou IIS si le plug-in IIS/PHP est installé): 


<?xml version="1.0" encoding="UTF-8"?> 
<people> 
<person> 
<name>-Jennifer Lopez</name> 
<email>jen(at)shanx.com</email> 
</person> 
<person> 
<name>Shashank Tripathi</name> 
<email>shanx(at)shanx.com</email> 
</person> 
<person> 
<name>Thievery Corporation</name> 
<email>thievery(at)shanx.com</email> 
</person> 
<l/people> 


Voici son fichier XSL correspondant nommé simple.xsl (situé sur votre serveur): 


<Xsl:stylesheet version="1.0" 
xmins:xsl="http://www.ws3.org/1999/XSL/Transform"> 
<xsl'template match="/"> 


<html> 

<head><title-XSLT Testing</title> 

<style> 

4iny {font-size: xx-small; font-family: verdana} 
</style> 

</head> 


<body> 


<h2>Parsing people...</h2> 

<div style="font-family:Arial,Sans-Serif"> 
<xsl:apply-templates/> 

</div> 

</body> 

</html> 


</xsl'template> 

<Xsl'template match="name"> 

<strong>-<span class="tiny"-&#149;</span> <xsl'apply-templates/-</strong><br /> 
</xsl'template> 

<Xsl:'template match="email"> 

<Xsl:apply-templates/><br /><br /> 

</xsl'template> 


</xsl:stylesheet> 
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Rien de nouveau jusque là. Maintenant sur notre serveur nous créons le fichier PHP 
simple.php suivant (sans aller dans les détails): 


F? 


4 Xml and XSL files 

$arguments = array 
‘/_xsl' => file get contents('simple.xsl'), 
‘4 xml' => file get_contents('simple.xml'}) 


1; 


£xh = xslt_ create(); 
£result = xslt process($xh, 'arg:/ xml', 'arg:/ xsl', NULL, $arguments); 


if ('$result) { 
{4 Something croaked. Show the error 
echo 'XSLT processing error: ' .xslt error($xh]) ; 


} 

else { 
/4 Output the resulting HTML 
echo $result; 


#$ Destroy the XSLT processor 
xslt_free($xh); 


2> 


Il suffit ensuite de mettre le dossier où se trouve le fichier PHP dans le mode suivant (sur le 
vrai serveur Web, pas sur le apache en local sur la machin de dév. c'est inutile pour cette 
dernière): 


Propriétés de FTP x 


Général | 


w 


Type : 
Emplacement : ftp://20008228@www,sciences.chihtml/xsltest/ 


Dossier de Fichiers 


Modifié le : jeudi, 5. août 2004, 02:55 


Autorisations : 


Lecture Écriture Exécution 
Groupe O 
Tous les utilisateurs O 


Propriétaire 


ensuite, vous effectuez un clic droit sur l'icône d'EasyPHP près de l'horloge et vous allez dans 
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Configuration/Extensions PHP et vous activez l'extensions php_xslt et redémarrez ensuite le 
serveur Apache (au besoin activez toutes les extensions du XML) et le tour est joué (vous 
tapez votre adresse http://wWww.monsite.dns/simple.php et le tout est paré) 


Le résultat étant: 


ES XSLT Testing - Microsoft Internet Explorer 


| Fichier Edition Affichage Favoris Outils ? 
| Qi - O - à à [2 
| Adresse [ei http: fww,sciences.ch/xsltest/simple.php 


Liens &) Forum F5 Generation &] Les-Mathematiques, 


Google - 


| 


Parsing people... 


oJennifer Lopez 
jen(at)shanx.com 


oShashank Tripathi 
shanx(at)shanx.com 


oThievery Corporation 
thievery{at}shanx.com 


S1 le fichier XML se trouve ailleurs qu'en local il suffit de changer la ligne: 
7_xsl'=> file_get_contents('simple.xsl'), 
en mettant par exemple: 
!_xsl'=> file_get_contents(http://www.autresite.dns/simple.xsl'), 
12.2 Construire un XML de mySQL 
Pour cet exemple nous allons encore une fois nous servir de EasyPHP (1.7). Téléchargez et 


installez celui-ci sur votre machine. L'écran suivant devrait apparaître après un clic sur l'icône 
à coté de l'horloge dans la barre des tâches: 
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CI EasyPHP Æ 
Status @ Démarré @ Démarré | + 
- EasyPhp 


F Démarrer EasyPhp en même temps que Windows (administrateurs seulement) 


D Démarrer les serveurs en tant que service [administrateurs seulement) 
M Lancement automatique des serveurs au démarrage de l'application 
F Vérifier les nouvelles versions au démarrage 


F Prise en compte automatique des modifications de configuration des serveurs 


&ppliquer | Fermer | [Français rl À propos | 


25/02 08:04:45 EasyPHP: Démarrage des serveurs 
25402 08:14: 24 &pache : Le serveur n'a pas pu se lancer : un autre serveur utilise le pc 
25/02 08:14:32 #pache : Le serveur n'a pas pu se lancer : un autre serveur utilise 


le pi 


Remarque: si vous n'arrivez pas à démarrer votre EasyPHP, n'oubliez pas au préalable 
désactiver votre Firewall logiciel. 


S1 vous ouvrez internet Explorer et saisissez http://localhost vous devriez avoir (version 1.7 
d'EasyPHP): 


Liens — äladdin 8) Forum FS Generation & = Te net ET NetAdmin Login & OWwA Her &) phpMyädmin 2,5,5-pl1 SR RSR é) TSR.CH &) Sciences. ch 


- | >| 5 Recherche web + | PaseFiank Ch 4286 bloquée(s) | Ra options # 


EASHPHP D 


+UEbLOCAL 


Æ [EasyPHP] - Web Local - Microsoft Internet Explorer - El _x| 
| Fichier Edition Affichage Favoris Outils ? | LA 
| Q@ rrécédente * © - [x] E he > Rechercher Favoris LE) | CE æ 

| Adresse l'adresse [E] httpifflocalhost} xl Ex 


“ Répertoire(s) à la racine du serveur ("www") : 


souhaitez organi an épe oUv chier. Len 
existe une copie 


[| Ce) Intranet local 


Démarrer] W')RappCon.. | W] XML.doc 3] bi) MATHSS.. A C2 phomyAd.… [Ejrrosyrt. Macrome.. | al configinc.. | Æ\test.ques + ILHELO OS 01 1323 
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Téléchargez phpMyAdmin (www.phpmyadmin.net), mettez-le dans le dossier d'installation 
www de EasyPHP et ouvrez internet explorer à l'adresse: http://localhost/phpMyAdmin/ 


#2 phpMyAdmin sur le serveur localhost - phpMyAdmin 2.5.5-pl1 - Microsoft Internet Explorer = [x 


[x] El €) be Rechercher Se Favoris © Cr Fa L. 


Liens | Aladdin 6) Forum FS Generation Æ&] Les-Mathematiques.net & Netädmin Login &] OWA Infolearn #) phpMyädmin 2,5,5-pl1 #&) RSR &) TSR.CH &) Sciences,ch 


Google [| &pRechercheweb - | Park Di 42s6 bloquée(s) | Eoptions # 


P,,.. Bienvenue à phpMyAdmin 2.5.5-pl1 


Accueil 


MySQL 4.0.15-max-debug sur le serveur localhost - utilisateur : root@localhost 


(Bases de données) 
MySQL phpMyAdmin 

ET r Créer une base de données [Documentation] r Language (1: [French (fr-iso-8859-1) x] 
base de données Créer 

Fu r- Documentation de phpMyAdmin 

- Afficher l'état du serveur MySQL r Afficher les informations relatives à PHP 

Afficher les variables du serveur MySQL [Documentation] r- Site officiel de phpMyAdmin 

Afficher les processus [Documentation] [ChangeLog] [CVS] [Lists] 

- Recharger MySQL [Documentation] 

Privilèges 

- Bases de données 

Exporter 


Le paramètre $cfg['PmañbsoluteuUri'] DOIT être renseigné dans votre fichier de configuration ! 


Votre fichier de configuration fait référence à l'utilisateur root sans mot de passe, ce qui correspond à la valeur par défaut de MySQL. 
Votre serveur MySQL est donc ouvert aux intrusions, et vous devriez corriger ce problème de sécurité. 


» 


Fenêtre SQL 


| Ce) Intranet local 


le [en {) 
ÆDémarrer| !/- Adobe ac..| li] Cours coll….| l] RappCon.… | 123 Cours IE phpMya…  L3 phpMyad.. | @ Macrome… | WA) xML.doc | |B MO Er El 1019 


Lisez les messages en rouge et suivez la procédure indiquée dans le fichier congig.inc.php 
(normalement il suffit d'y avoir: $cfg['PmaAbsoluteUri'] = 'http://localhost/phpMyAdmin/';) 


Ce message peut varier selon les verions de PHPMyAdmin... (les joies de l'informatique 
quoi...) 


Maintenant dans PHPMyAdmin, créez une base vierge s'il n'en existe pas (maintenant avec la 
version 2.8.0.2 il en existe une par défaut nommée mySQL...) 


Ensuite, parmi les fichiers d'exercices mis à disposition pour le cours, vous avez un fichier 
nommé guestbook.sql.zip.sql. Exécutez ce fichier dans la rubrique SOL de PHPmyAdmin (il 
s'agit simplement d'un petit livre d'or avec quelques données.….): 
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ocalhost - phpMyAd P osoft Internet Explore =15/x| 

| Fichier Edition affichage Favoris Outils ? | # 
| @ rrécécente + ©) - RERO _) Rechercher Se Favors Aa EL 

E2 x 


|Liens Æ& Aladdin Fil Forum FS Generation Æ] Les-Mathematiques.net & Netädmin Login Æ) OWA Infolearn Fil phpMyädmin 2,5,5-pl1 FIl RSR Fil TSR.CH Fil Sciences.ch 


| Google- | ]| 6 Recherche vieb + | Fastfink Eh 426 bloquées) | onto 2 


test (-) 


test 


Aucune table n'a 
été trouvée dans 
cette base. 


Base de données test sur le serveur jocaihost 


Structure SQL Exporter Rechercher Requête Supprimer 


Exécuter une ou des requêtes sur la base test [Documentation] : 


FN Réaficher la requête après exécution 
Ou Emplacement du fichier texte : 


C'\Program Files\EasyPH Parcourir. 


Compression: © Détection automatique © aucune © "gzippé" 


Exécuter | 


[ [9 intranet local 


1 Ji TE | 
Aivémarrer| 2: Adobe ae. | ii) Cours Col... | M) RappCon.. | L2 cours [EY test sur1.. L2 Guestbook | @ Macrome.… | A xmedoc | BO 2065182 11:52 


et cliquez sur exécuter tel que vous obteniez: 


0 phpMyAd p 050 erne plore -1#] x 


| Fichier Edition affichage Favoris Outils 7 | æ 


joe “ Q : sl E) 07) | JD Rechercher Se Favoris @| EU de ” 


[Liens Æ] Aladdin &] Forum FS Generation 4] Les-Mathematiques.net 2°] Netdmin Login 4] OWA Infolsarn &] phpMyAdmin 2.5.5-pll &)RSR &)]TSRCH &) Sciences.ch 


| Google - | >| Recherche web + | Pasefank Dh 4266 bloquée(s) | A Options # 


Base de données test sur le serveur jocalhost 


Accueil 


test (1) 


test 
© guestbook 


Votre requête SQL a été exécutée avec succès 


requête SQL : [Modifier] [Créer source PHP] 
CREATE TABLE ‘guesthook ( 

“id” TINYINT(3) NOT NULL AUTO_INCREMENT , 

‘name* VARCHAR( 60) DEFAULT NULL , 

email VARCHAR( 60) DEFAULT NULL , 

°state’ VARCHAR(20 ) DEFAULT NULL , 

“content TEXT, 

PRIMARY KEY (id } 
} TYPE = MYISAM AUTO_INCREMENT =82; # MySQL n'a retourné aucun enregistrement 
INSERT INTO ‘guesthook 
VALUES (1, Admin! 'n.c.' Suisse" ‘Ce livre d\'or a été ouvert pour la première fois le 2 Juillet 2002. Après un petit disfonctionnement il a été réinitialisé et 
amelioré. Il est maintenant pleinement fonctionnel. Je tiens à remercier d'avance toute personne qui laissera une petit critique positive ou négative.) ; # 
Nombre d'enregistrements affectés ‘1 
INSERT INTO ‘guesthook 
VALUES (7, Virginie’ 'planetirginie@wanadoo fr, France, Tout ce que je déteste est dans ce site, lol, mais je sens que je vais m\ÿ attarder encore un 
peu :oWinTrès pro dans le contenu Mnhttp/wwwflash-facile.comiinVirginie") ; # Nombre d'enregistrements affectés :1 
INSERT INTO ‘guesthbook 
VALUES (8, ‘Arthur’ veta_woge@hotmail.com', Belgique’, I n\y a pas beaucoup de monde sur ce site (même sur le forum)mais perso je pense que © 
trop dur pour les autres.En tt cas pour moi ça va,je trouve ça très bien faitje soutiens que seule une minorité est en mesure de capter mais tant 
mieu"), # Nombre d'enregistrements affectés ‘1 
INSERT INTO ‘guesthook 
VALUES (11, 'Harmel Leon! leon. harmel@wanadoo.be' Belgique’ Intéressant mais l'accent n\'est mis que sur certains sujets et incomplets sur 
d'autres. Par exemples les solutions de Sommerfeld, peu de détails sur la fameuse équation de Dirac et peu de choses sur la théorie des champs 
quantiques et autres.….WinAttention à la façon de s\'exprimer et les fautes d'orthographe. Avec votre accord, je pourrais compléter certaines parties de 
votre texte MnJe continue à lire vos différents sujets \nN.B: j'apprécie beaucoup votre Pays l'), # Nombre d'enregistrements affectés ‘1 
INSERT INTO ‘questbook 
VALUES (13, Magloire Didier’ 'magloire.didier@wanadoo.fr, France’ ‘Merci beaucoup pour ce site fort intéressant et de grande qualité, qui ne néglige 
de surcroît pas l'humour... WinD\un professeur de physique dans le supérieur \An') ; # Nombre d'enregistrements affectés ‘1 
INSERT INTO ‘questhook 
VALUES (26, Philou' ‘philippe_drabczuk@hotmail. com! France’ SaluffinG découvert ce site grace au forum de les-mathématiques. net, je n\ai eu le 

» F 


FRET EN PERTE Et LE RTE ER AT OT PRE PART ASE CADRE PAC RUE RES ETS OR POP RER RE 


lE] rerminé 


[ [ {9 intranet local 


Æivémarrer| 1 Adobe Acro… | )rappconcor. . | Là cours [FE test surle… LL} Guestboa | @ macromedia … <- Mi. pe 11:53 


Vous pouvez voir dans le volet de droite de l'explorateur, que ceci a créé une table nommée 
guestbook dans la base test. 


Maintenant, l'exemple de script PHP suivant (avec les valeurs par défaut de PHPmyAdmin) se 
connecte à la base de données et exécute une requête (grand classique). 
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1 
$db_name = "test"; 
[attention le nom de la base peut changer suivant votre choix initial! 


$connection = mysql_connect("localhost", "root", " ") or die("Connexion impossible."); 
$table_name = 'guestbook'; 


Une fois la connexion établie, vous devez sélectionner la base de données courante à l'aide de 
la connexion MySQL. Le code suivant se charge de cette tâche: 


$db = mysql_select_db($db_name, $connection); 
À présent, rédigez une instruction SQL pour sélectionner toutes les lignes dans $table_name. 
$query = "select * from ". $table_name; 


Le cas échéant, vous pourrez ajouter des attributs ultérieurement. Pour l'instant, exécutez la 
requête de la manière suivante: 


$result = mysql_query($query, $connection) or die("Impossible d'interroger la base de 
données"); 


$num = mysql_num_rows($result); 


À ce stade, vous êtes prêt à créer un nouveau document XML. Il existe de nombreuses 
manières de s'y prendre, mais je pense que l'approche utilisée dans le listing plus base 
s'adaptera à la plupart des situations. 


Voici ce qui se produit, étape par étape. La variable num montre la présence de données de 
ligne (row) dans votre requête, mesurables à l'aide de la fonction mysql_num_rows de 
MySQL. Cela nous mène à votre sortie procédurale du XML. La variable $file contient un 
pointeur vers l'objet fichier généré lorsque PHP réussit à lire le système de fichiers à la 
recherche de results.xml. S'il trouve results.xml, votre objet fichier PHP, nommé file, est créé 
et rendu accessible en écriture. Maintenant, vous pouvez y imprimer les contenus d'une 
variable, ce que vous ferez car les permissions définies pour votre répertoire autorisent PHP à 
le faire. 


N'oubliez pas que, pour des raisons de sécurité, cet exemple n'est pas à suivre dans les 
applications web réelles. Pour vous assurer que l'implémentation des concepts abordés dans 
cet article est sûre, vous devez fournir un chemin complet vers un répertoire contenant les 
fichiers que vous souhaitez ouvrir en écriture et vérifier qu'il figure dans un répertoire situé 
au-dessus de votre racine web. 


Ensuite, la fonction mysql_fetch_array de PHP convertit la variable de requête $result en un 
tableau et effectue une boucle sur ses clés. Si pageTitle figurait parmi les colonnes renvoyées 
dans la requête, pour chaque ligne renvoyée, du texte est écrit au format XML sur la variable 
de chaîne $_ xml. 


Notez que l'opérateur ".=", qui sert à ajouter les chaînes au format XML sous forme de 
valeurs, est lu à partir de $row. Lorsque la boucle est terminée, le nœud XML racine est 
imprimé sur la variable $_xml; la variable dans son intégralité est ensuite écrite dans file.xml 
à l'aide de la fonction fwrite de PHP. 
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À ce stade, un lien apparaît à l'écran. Assurez-vous que ce lien pointe sur le chemin de votre 
fichier XML, sinon vous ne pourrez pas voir le XML mis en forme produit par PHP à partir 
de votre requête MySQL. 


if ($num != 0) { 

$file= fopen("results.xml", "w"'); 

$_xml ="<?xml version=\"1.0\" encoding=\"ISO-8859-1\" ?>\r\n"; 
$_xml ="<site>\r\n"; 

while ($row = mysql_fetch_array($result)) { 

if ($row["name"]) { 

$_xml .="\t<page title=\"". $row["name"] . "\">\nn"; 
$_xmi .="\t<file>". $row["content"] . "</file>\r\n"; 
$_xml .="\t</page>\r\n"; 

} else { 

$_xml .="\t<page title=\"Nothing Returned\">\r\n"; 
$_xml .="\tt<file>none</file>\r\n"; 

$_xml .="\t</page>\nn"; 

}} 

$_xml .="</site>"; 

fwrite($file, $_xml); 

fclose($file); 

echo "XML has been written. <a href=\"results.xml\"> View the XML. </a>"; 
} else { 

echo "No Records found"; 

} ?> 


L'ensemble du code devrait ressembler à: 
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<? 

$db name = "test"; 

$£connection = mysql connect{"localhost", "root", ""] or die("Connexion impossible."); 
£table name = 'guestbook'; 


$db = mysql select db($db name, $connection); 

query = “select * from " . $table name; 

£result = mysql query($query, $connection) or die("Impossible d'interroger la base de données"); 
£num = mysql num rows($result); 


if ($num != 0) { 

$file= fopen("results.xml", "w"); 

$_xml ="<?xml version=\"1.0\" encoding=\"150-8859-14" ?2>4rin"; 
$_xml .="<site>\rin"; 

while ($row = mysql fetch array($result)) { 

if (érowu['"name"]) { 


$_xnl .="\t<page title=\"" . $row["name"] . "A>irun"; 
$_xml .="\tit<file>" . $row["content"] . "</file>\rin"; 
$_xml .="\t</page>\rin"; 

} else { 


$_xml .="\t<page title=\"Nothing Returned\">irin"; 

$_xml .="\tit<file>none</file>\rin"; 

$_xnl .="\t</page>\rin";} } 

$_xml .="</site>"; 

furite(éfile, $_ xml); 

fclose($file); 

echo "XML has been written. <a href=\"results.xml\"> View the XML.</a>"; } else { 
echo “No Records found"; 

} ?2> 


Enregistrez ensuite ce code sous le nom CreateXML.php dans le répertoire www de EasyPHP 
et saisissez dans le navigateur IE l'adresse suivante http://localhost/ CreateXML.php: 


4 http://localhost/xml/CreateXML.php - Microsoft Internet Explorer 


| Fichier Edition Affichage Favoris Outils ? 


| Q Précédente + (> r x] E pi | P Rechercher Se Favoi 
| Adresse lei http: fflocalhost/xml/CreatexML.php 


| Liens €] Aladdin &] Forum FS Generation @]Les-Mathematiques.net  @] Ne 


| Google - | "| &® Recherche web 


XML has been wnitten. View the XML. 


S1 tout se passe bien, vous verrez dans votre répertoire un nouveau fichier appelé results.xml. 
Il s'agit du fichier XML créé avec le code PHP. Si vous cliquez sur le lien ci-dessus, vous 
devriez avoir: 
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esults.xml - Microsoft Internet Explorer 


Fichier Edition Affichage Favoris Outils ? | æ 


] 
| @ rrécésente + Q- [x] E SG £ L_) Rechercher Se Favoris a) & + = EN 

Jaéresse (i neoaecahesepemresus em Ex 
] 

] 


Liens €] Aladdin #) Forum FS Generation 4] Les-Mathematiques.net 4] Netädmin Login 4] OW Infoleam &) phpMyAdmin 2.5.5-pll &]RSR @)]TSR.CH &)]Sciences.ch 


Google - | 7] &5 Recherche web + | Passant Eh 4256 bloquées) | M options 


<?»+ml version="1.0" encoding="150-8859-1" ?> 
- <site> 


- <page title="Admin"> 
<file>Ce livre d'or a été ouvert pour la première fois le 2 Juillet 2002. Après un petit disfonctionnement il a été réinitialisé et 
amelioré. Il est maintenant pleinement fonctionnel. Je tiens à remercier d'avance toute personne qui laissera une petit 
critique positive ou négative.</file> 
</page> 
<page title="Yirginie"> 
<file>Tout ce que je déteste est dans ce site, lol, mais je sens que je vais m'y attarder encore un peu :0 Très pro dans le 
contenu ! http://www.flash-facile.com Virginie</file> 
</page> 
<page title="Arthur"> 
<file>1l n'y a pas beaucoup de monde sur ce site (même sur le forum)mais perso je pense que c trop dur pour les autres.En 
tt cas pour moi ça va,je trouve ça très bien fait(je soutiens que seule une minorité est en mesure de capter mais tant 
mieux})</file> 
</page> 
- <page title="Harmel Leon"> 
<file>Intéressant mais l'accent n'est mis que sur certains sujets et incomplets sur d'autres. Par exemples les solutions de 
Sommerfeld, peu de détails sur la fameuse équation de Dirac et peu de choses sur la théorie des champs quantiques et 
autres. Attention à la façon de s'exprimer et les fautes d'orthographe. Avec votre accord, je pourrais compléter 
certaines parties de votre texte. Je continue à lire vos différents sujets. N.B: j'apprécie beaucoup votre Pays !</file> 
</page> 
- <page title="Magloire Didier"> 
<file>Merci beaucoup pour ce site fort intéressant et de grande qualité, qui ne négjlige de surcroît pas l'humour. D'un 
professeur de physique dans le supérieur.</file> 
</page> 
- <page title="Philou"> 
<file>Salut G découvert ce site grace au forum de les-mathématiques.net, je n'ai eu le temps de le parcourir que très vite 
fait (mais alors vraiment très vite fait) mais d'une part il a l'air très bien fait, mais en plus il a l'air de rassembler tout 
plein de sciences et c'est surtout ça qui me plaît. Je laisserais pitete un autre pitit message quand j'aurais eu le tps de 
le parcourir plus précisément (chu en concours) @ + Philou</file> 
</page> 
- <page title="Guyonnet Mathieu"> “| 


ae Terminé mi] Ce) Intranet local 


Démarrer] li) RappConco. | iWi XML. doc - M. A Hi) MATHSSOC. | L3 xml [l'E httr://10€.. @ Macromedia. | — Phot.… = TETCLUEREENIT 
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13. XML et ASP 3.0 


A nouveau nous allons faire de même qu'en PHP mais ce coup-ci avec de l'ASP 3.0 et en 
faisant usage de IIS (vous devez mettre les fichiers dans le dossier wwwroot du dossier 
InetPub pour que cela marche). 


Voici notre document XML de départ: 


<?xml version="1.0" encoding="1SO-8859-1"?> 


<news> 


<titre-Valider une adresse email</titre> 

<categorie-ASP TRUCS et ASTUCES</categorie> 
<resumer-Le code suivant vous permet de tester la validité d'une adresse email</resumer> 
<contenu-Pour valider une adresse email ….</contenu> 
<auteur-Jean-christophe</auteur> 


</news> 


Sans entrer dans les détails voici le document ASP 3.0 qui va parser notre XML: 


<$ fLanguage=VBScript $> 
<$ Option Explicit %> 


<HTHL> 
<BODY> 


<$ 
Dim xmlDo 


C 


Dim titre,categorie,contenu,auteur,resumMer 


Set xmlDo 


c = $Server.Create0bject{"Microsoft.XMLDOM") 


if (xmlDoc.load ($erver.MapPathi{".")&"DocumentParser.xml")) then 


titre 


= xmlDoc.documentElement.childNodes(0).text 


categorie 
tesuMer = 


conte 


else 


nu = 


= xmlDoc.documentElement.childNodes(l).text 
xmlDoc.documentElement.childNodes(2).text 
xnlDoc.documentElement.childNodes(3).text 
auteur = xmlDoc.documentElement.childNodes(4i.text 


set xmlDoc = Nothing 
response.write ("Une erreur s'est produite pendant le chargement du fichier >xML") 
response.end 


end if 


set xmlDoc =Nothing 


l--- On génère 


response. 
response. 
response 
response. 
response. 


#> 
</BODY> 
</HTML> 


write 
write 


.Write 


write 
write 


la sortie HTML 


("titre : 


{categorie : 


{resume : 
{contenu : 
{auteur : 


" & titre & “<br>") 

" & categorie & "“<br>") 
" & resumer & <br>") 

" & contenu & "<br>"] 

" & auteur & “<br>") 


Remarque: Pour accéder à un attribut nous écrirons: 


xmlDoc.documentElement.childNodes(0).attributes.getNamedltem("code").nodeValue 


Ce qui donne: 
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4 http://localhost/asptraining/exercice34_Parserxml.asp - Microsoft Internet Explorer 


| Fichier Edition Affichage Favoris Outils ? 


| Q Précédente + (> r x] pi | »® Rechercher Se Favoris Qi” média 
| Adresse [ei http:{flocalhost/asptraininglexercice34_Parserxml.asp 


| Liens &] Forum FS Generation &] Les-Mathematiques.net €] Netädmin Login €] OWA Infolez 


| Google - | “| @5 Recherche web + | g2 | Paseñ 


titre : Valider une adresse email 

categorie : ÀSP TRUCS et ASTUCES 

resume : Le code suivant vous permet de tester la validité d'une adresse email 
contenu : Pour valider une adresse email 

auteur : Jean-christophe 


Nous pouvons aussi faire un peu mieux que cela. soit notre flux RSS que nous avions utilisé 
comme exemple plus haut dans ce support: 


<?xml version=" 0" encoding="is0-8859-1"?> 
<?xmlstylesheet type="textixsl" href="RSStyleSheet.xs|"?> 
<rss version="2.0"> 
<channel= 
<itle-Sciences.ch<title= 
<link=http: www. sciences.ch/xmirss index .php<iinke 
<category-Mathématique, Physique théorique<icategory> 
<description= 
Se voulant un complément aux études scolaires, Sciences.ch ce propose d'aborder différents domaines des mathématiques et « 
</descriptions 
<language>fr<flanguagez 
<copyright-Concept, Design, Contenu, 2002-2004 Sciences.ch. Tous droits résérvés<icopyright= 
<image>= 
<itle-Sciences.ch<title= 
<urlshttp: fiv sciences .chimages/bansciencech.gif</url- 
<linkeHttp: {www sciences.ch<iink= 
<width=88</widthe 
<height=31</height= 
<description-4u coeur de la Sciencel</description» 
<fimage> 
<item>- 
<mois-052004<mois- 
<title-Origine de la chaleur<ttitle= 
<Auteur-Y.Isoz</Auteur- 
<description-Qu'est-ce que la chaleur ? Voici une question que se posent nombre d'étudiants et parfois suffisamme 
<linke=Http: {www sciences .chhtmlfrimecanique/mecanthermodyn01 .php#chaleur<iinke 
<pubDate-Je, 27 Mai 2004 11:50:01 GMT</pubDate= 
<item> 
<item>- 
<mois-052004</mois= 
<itle-Théorème de Toricelliititle= 
<Auteur-Y.Isoz<iAuteur- 
<description-Dans le cadre de la mécanique des milieux continus (M.M.C), nous pouvons nous poser untrès grand 
<linkeHttp: {www sciences .chihtmlfrimecanique/mecanfluides01 .php#toricelli<Aink>= 
<ftem> 
<item>- 
<mois-052004<mois= 
<itle-Effet Venturi<fitle= 
<Aäuteur-Y.Ilsoz<iäuteur- 
<description-Dans le cadre des écoulements des liquides dans des volumes simples (des tubes typiquement...) not 
<linkeHttp: fr sciences .chihtmlfrimecanique/mecanfluides01 php#effetventuri<dink= 


ce fichier XML sera supposé enregistré sur un serveur web distant ou local 
(http://localhost/rss.xmI dans notre exemple !). 


Voici le code ASP pour le lire: 
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<$Ë Language="VBScript" #> 

<% Option Explicit %> 

<% Response.Charset = "“iso-8859-1" %> 
<htnl> 

<head> 

<title>A$P RSS Feed Reader</title> 
</head> 

<body> 

< 


Dim objxML 

Dim objltenmList 
Dim objltem 
Dim strHTML 


Set obj}ML = Server.Create0bject{("MSXMLZ.FreeThreadedDOMocument")} 
obj2ML.async = False 

obj2ML.setProperty “ServerHTTPRequest", True 
obj2ML.Load("http://1nmm7.excelsia.ch/sps/rss/enews.xml") 

Set objitemList = ob]XML.getElementsByTaglame ("item") 

Set objXL = Nothing 


For Each objltem In objltemList 
! Feed childNodes: O=title, l=link, Z-description 
StrHTML = strHTML "<p>" & vbCrLf 
StrHTML = strHTML 
StrHTML = strHTML 
StrHTML = strHTML 
StrHTML = strHTML 
StrHTML = strHTML 
Next 


& 
& 
& "<strong-<em>" & objitem.childNodes(0).text 
& "</em></strong></a><br />" & vbCrLf£ 

& 

& "</p>" & vbCrL£f 


Set objlitemList = Nothing 
response.write StrHTML 
$> 


</body> 
</htul>| 


"<a href=""" & objltem.childNodes(l).text & "Sr" 


Replace(objltem.childNodes(2).text, "<br>", "<br />")] & vbCrL£ 


Encore mieux... soit le fichier XSL suivant, nommé news.xsl et enregistré sur le Localhost de 


IS, configuré pour parser n'importe quel fichier utilisant la norme RSS 2.0: 
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<?xml version=".0" ?> 

<xslstylesheet version=" 0" xmins: xs" http: fiv 3 org" 999/XSLi/Transform"- 
<xsloutput method="xml" encoding="iso-8859-1" omit-xml-declaration="yes" indent="yes"# 
<xsltemplate match="#"> 

<table border="1""width="600" align="center": 

<tr><td valign="top" align="center" class="title" bacolor="silver" > 

<a> 

<xslattribute name="href"- 

<xslvalue-of select="#[local-name(='channel}#{local-name(= link" 
<ixslattributez 

<xslattribute name="target"- 

<xsltext-top</xsltext: 

</xslattributez 

<xslvalue-of select="#[local-name()='channel')#{local-nameO=title]" disable-output-escaping="yes"/ 
<ja> 

<xsltext disable-output-escaping="yes"-&amp;nbsp;</xsltext- 

<xslvalue-of select="#[local-name()='channel'#{local-name()="lastBuildDate"]"/> 
<td-<tr-<tr-<td valign="top" bgcolor="ghostwhite" class="headliines" > 

<ul> 

<xslfor-each select="/#[local-name()="tem]"- 

<li> 

<a> 

<xslattribute name="href"- 

<xslvalue-of select="#[local-name()=link]"# 

</xslattribute> 

<xslattribute name="target"- 

<xsitext-top<ixsltext: 

<ixslattributez 

<xslvalue-of select="#[local-name(=title]" disable-output-escaping="yes"/# 
<a» 

<xsltext disable-output-escaping="yes"-&amp;nbsp;</xsltext- 

<xslvalue-of select="#[local-name()='description]" disable-output-escaping="yes"/# 
<i> 

<ixslfor-each> 

<{ul= 

<ftd>-<itre 

<ftable- 

<ixsitemplate= 

<xsltemplate match="#"> 

<xslapply-templates/- 

<ixsitemplate= 

<ixslstylesheet- 


Voici le fichier ASP 3.0 correspondant qui va allé chercher le flux et parser ce premier avec le 
fichier XSL. Le tout est appelé par une sub que nous appelerons getXML: 
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<$ ÜLanguage="VBScript" #> 


<$ 


Sub getXMLisourceFile) 
din styleFile 
dim source, style 
styleFile = Server.MapPath("news.xsl") 


set source = $Server.Create0bject("Msxml2.DomDocument") 


source.async = false 
source.setProperty "“ServerHTTPRequest", true 
source.load CStr(sourceFile) 


set style = Server.Create0bject{("Msxml2.DomDocument") 
style.async = false 
style.load styleFile 


source.transformNodeTolbject style, Response 


set source = nothing 
set style = nothing 


End Sub 
$> 

<html> 
<bodyz> 


<% get>ML{"http://localhost/rss.xml") $%> 


</bodz> 
</html> 


Le tout dans Ineternet Explorer donnera: 


[Adresse &) http: f{localhost/parser.asp | 
| Googe- | v]| & Recherche web - | Pasefank Eh 4750 bloquées) | options # 


Sciences.ch 


e Origine de la chaleur Qu'est-ce que la chaleur ? Voici une question que se posent nombre 
d'étudiants et parfois suffisamment longtemps pour qu'ils n'obtiennent jamais la réponse 
même lors de leur cursus scolaire universitaire. Ne pas comprendre ce qu'est la chaleur est 
nous le savons, une source énorme de confusion et de difficulté de compréhension des 
conceptions fondamentaux de la thermodynamique (premier principe). Sciences.ch propose 
donc la une explication microscopique de la chaleur basée sur la mécanique statistique 
démontrant que cette première n'est qu'au fait qu'un changement de la distribution 
énergétique des micro-états vers de plus hautes ou plus faible valeurs. Il convient peut-être 
de se demander s'il ne faudrait pas introduire la thermodynamique seulement et seulement 
après avoir étudié les bases de la mécanique statistique (étant donné les problèmes qu'ont 
les étudiants en thermodynamique) qui permettent d'accéder à la démonstration que nous 
proposons. 

Théorème de Toricell Dans le cadre de la mécanique des milieux continus (M.M.C, nous 
pouvons nous poser un très grand nombre de question relativement au fonctionnement de 
nos appareil ménagers faisant usage de fluides à l'état hquide dont la manière de déterminer 
la vitesse d'écoulement d'un liquide sortant d'un récipient dans des cas où les écoules sont 
larninaires (non turbelements). C'est un cas classique d'étude dans les petites écoles. Nous 
proposons une démonstration de la relation connue dans les petites classes démontrée à 
partir de l'équation de Bernoulli (elle même tirée de la démonstration des équations de 
Navier-Stokes) 

Effet Venturi Dans le cadre des écoulements des liquides dans des volumes simples (des 
tubes typiquement...), nous pouvons remarquer expérimentalement qu'une diminution de 
pression s'accompagne d'une augmentation de la vitesse du fluide. C'est cette effet que nous 
appelons “l'effet Venturi". Paradoxalement l'effet Venturi se produit aussi lors du 
franchissement d'un sommet ou d'une crête par l'air atmosphérique ou également dans les 


El Terminé 


FT TT [7 girtranet local 
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14. XML et VB.NET 


Nous allons voir maintenant comment parser traiter également un flux RSS en VB.Net à partir 
d'un fichier XSL. 


Nous partons d'abord du fichier XSL très sommaire suivant: 


<xslstylesheet version=" 0" xmins:xsl="http: fs 3 org" 999/KSLiTransform"- 
<xsloutput method="html" {> 


<xsltemplate match="/"> 
<xslfor-each select="rss/channelitem"- 
<p> 
<a href="{link}"-<strong-<xslvalue-of select=title" /-</strong-</a> 
<xslvalue-of disable-output-escaping="yes" select="description" # 
<ip> 
<hr # 
<ixslfor-each> 
<ixsitemplate- 


<ixsl:stylesheet- 
Qui sera appelé par la page ASPX suivante pour afficher le résultat: 


Remarque: Le disable-output-espacing est présent pour jouer avec des caractères spéciaux se 
trouvant dans des CDATA. 


Voici le fichier VB.Net: 
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ee © © 


( 


Page Language="VE" Debug="False" #> 
Import Namespace="Svystem.10" 

Import non 
Import Namespace="Svystem.Xml.Xsl" #> 


<script language="VB" runat=server> 
sub Page Load(sender As Object, e s Eventirgs) 


Dim strXmlSrce às String "http://www.excelsia.ch/htmlfr/videos/dnews.xml'" 
Dim strXslFile 4s String = Server.MapPath("VBXSL.xsl") 

Dir myXmlDoc 25 Xmlbocument = New XmlDocument () 

myXmlloc.Load(strXmlSrce) 

Dim myXslDoc is XslTransform = New Xs1lTransformi) 
myXslboc.Load(istrXslFile) 

! Create a StringBuilder and then point a Stringlüriter at it. 

We'll use this to hold the HTML output by the Transform method. 

Dim myStringBuilder is StringBuilder = Mew StringBuilder(i) 

Dir myStringlüriter ds Stringüriter = New Stringüriter (myStringBuilder) 
" Call the Transform method of the XslTransform object passing it 

our input via the ZmlDocument and getting output via the Stringliriter. 
myXslDoc.TransformimyXmlDoc, Nothing, myStringlüriter) 

" Take our resulting HTML and display it via an ASP.NET 

! literal control. 

RssHtml.Text = myStringBuilder.ToString 


End Sub 


</{sc 


ript> 


<html> 
<head> 


<t 
</he 


itle>VE ASP.NET RSS Feed Reader</title> 
ad> 


<body> 
<asp:Literal id="RssHtml" runat="server" /> 


<{bo 


dy> 


</html> 
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15. XML et Cf 


De même en C# mais cette fois-ci sans XSL: 


<%8 Page Language="C#" > 


<!'DOCTYŸPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN" “http: //wuww.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> 


<script runat="server"> 
public void ProcessR$Sltem(string rssURL) 
{ 
Systen.Net.WebRequest myRequest = System.Net.WebRequest.Create(rssURL);: 
System.Net.WebResponse myResponse = myRequest.GetResponse(); 


System.I0.S$tream rss$tream = myResponse.GetResponse$tream(); 
Systen.Xnl.X*mlDocument rssDoc = new $ystem.Xml.XmlDocument(); 
rssDoc.Load(rssStream) ; 


Systenm.Xml.XmlNodeList rssltems = rssDoc.SelectNodes("rss/channel/item"); 


string title = ""; 
string link = ""; 
string description = ""; 


for (int i = 0; i < rssIitems.Count; i++) 


{ 
System.Xml.X*mliNode rssDetail; 


rssDetail = rssltems.ltem(i].$electSingleNode("title")j; 
if (rssDetail != null) 


{ 


title rssDetail.InnerText; 


} 
else 
{ 
title = 7"; 
} 


rssDetail = rssltems.ltem(i}.$electS$ingleNode("link")j; 
if (rssDetail != null) 
{ 

link = rssDetail.InnerText; 


} 
else 


{ 
link ="; 
} 


rssDetail = rssitens.Item{(i).SelectSingleNode({"description"); 
if (rssDetail != null) 


{ 


description = rssDetail.InnerText; 


} 


else 
{ 
description = ""; 


} 


Response.Write({"<p><b><a href='" + link + "' target='new'>" + title + "</a></b><br/>")j; 
Response.Write(description + "</p>"}; 
} 
} 
</script> 


<htul xmins="http://vu0.w3.0rg/1999/xhtml"> 
<head id="Headl" runat="server"> 
<title>C# ASP.Net RSS Reader</title> 


</head> 
<body> 
<$ 
string rssURL = “http://wwuw.codeguru.com/icom_ includes/feeds/codequru/rss-all.xml"; 
Response.Write("<font size=5><b>Site: " + rssURL + “</b></font><Br />"j;: 
ProcessR$SItem(rssURL); 
Response.Write{"<hr />"); 
> 
</body> 
</htul> 
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16. XML et ADOBE ACROBAT 6.0 


Le mixe entre Adobe Acrobat 6.0 XML et MS Office 2003 est la fonctionnalité qui me plaît le 
plus. La raison est due à deux faits: 


1. Quasiment tous les ordinateurs sont équipés d'Adobe Reader 
2. Les formulaires au format PDF sont dynamiques, esthétiques et légers 


3. Le code XML généré par Adobe Acrobat est d'une extrême sobriété par rapport à MS 
Visio 2003 et MS Project 2003 


Implication: les données peuvent très facilement être traitées par import XML dans une base 
MS Access 2003. 


Voyons de suite un exemple (à nouveau le but n'est pas d'apprendre dans ce document à créer 
des formulaires dans Adobe Acrobat mais voir comment faire pour que ceux-c1 s'exportent en 
XML). 


Soit le formulaire suivant sur un thème que nous connaissons bien: 


E£ Adobe Acrobat Professional - [APPRENDRE XML.pdf] -15/x| 


) File Edit View Document Tools Advanced Window Help -1#1x{ 
= [Dopen Cù [Ml save (5) Print Qi Email @Q Search |: M] crestePDF + 7) Review & Comment + [f] Secure + A Sion + | K] AcvancedEctting + 


LU Tssearen - [@i li À - | 


PRE » 
PFRÉEELCI TE 


| APPRENDRE X 


Nom : 


Prénom : 


Apprendre XML avec : | Sélectionner!- 


Date de formation : 


F| 
Fields Tags Content 


Formateur : 
1 Options + 


Choix El 
(M Date 

(M Formateur 

UM Nom 


UM Prénom 


En 


| 14 4 toft > bil © Ol [D 
MStart/|| (1 G © % @ 2 A ||_$ Nortonantiru.|[P}adobe Acrob. fEio2D6 with rebl..| ERelationships | jDocumenti-M..| [GS 06:33 


Ajoutons un bouton d'action de validation du formulaire et activons l'option de transformation 
XFDF (ne pas oublier l'adresse e-mail pour l'envoi des données): 
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Submit Form Selections 


Date de forma 


Formateur : 


£ Adobe Acrobat Professional - [APPRENDRE XML.pdf] 


à 


APPRENDRE XML 


Non: DS 
Prénom : DS 


Apprendre XML avec : - Sélectionner | 
Date de formation: EU 
Fomateur: 


Nous remplissons ce dernier (tiens ! c'est moi le formateur..…..): 
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Æ£ Adobe Acrobat Professional - [APPRENDRE XML.pdf] 


Ÿ) Fie Edit View Document Tools Advanced 


Window _ Help =isix| 


2 [Pope Cù see [print (A Email Qi) Search |! M crestePDF + +); Review & Comment + M) Secure + Sin - | à] Advanced Eaing + 


LU Tseres + fi} À + 1 D 


[LI @rnsx MONO ON RE Honor 


Bookmarks 


Prénom : 


APPRENDRE XML 


Nom:  Schmol 


Toto 


Apprendre XML avec : MS Visio 2003 «| 


Date de formation : 28.05.2008 


Formateur : Vincent Isoz 


Comments 


85xiiin {| 


Envoyer 


Mstar||| 1 Q © 3 @ 3 e à 


RUN RTE > BH © © [D LH 
|1_$ Norton ant.….[[ adobe acer. f02 D8 with …| sBRelationships | ÉiDocumenti...| Gjciiocume….| [GS CNET 06:40 


Nous cliquons sur Envoyer (un nouveau message électronique s'ouvre avec notre fichier 
* xfdf en pièce jointe): 


ÉÈ APPRENDRE X 


3 | x 


ut 


| File Edit View Insert Format Tools Message Help 


ÉA To: fsoz@hotrnaicom 
Ce —_— 
Subjects JAPPRENDRE ML 
Attachi RIJAPPRENDRE XML xfaf (462 bytes) 


ML.xfdf 


& 


Check Spelling 


à & » 


Copy Pate End 


Û a! . 


âttach Priority 


L'utilisateur l'envoie, nous recevons le mail, enregistrons la pièce jointe et la renommons en 
* xml et ouvrons ce dernier et que voyons nous: 


<?xml version="1.0" encoding="UTF-8"?> 
<Xxfdf xmins="http://ns.adobe.com/xfdf/" xml:space="preserve"> 
<f href="/C/Documents and Settings/c6stu1.NOCOSA/Desktop/XML/APPRENDRE XML.pdf"/> 
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<ids original="C5F26FE0840A5567CF80842E0A2BA95B" 
modified="DA5F7ADA1ES5A8E4ABE41909BD4C8DD02"/> 
<fields> 


<field name="Choix"> 
<value>MS Visio 2003</value> 

</field> 

<field name="Date"> 
<value>28.05.2008</value> 

</field> 

<field name="Envoyer"/> 

<field name="Formateur"> 
<value>Vincent ISOZ</value> 

</field> 

<field name="Nom"> 
<value>Schmol</value> 

</field> 

<field name="Prenom"> 
<value>Toto</value> 

</field> 


</fields> 


</xfdf> 


Nous avons donc un schéma XML parfaitement propre dont chaque balise à comme attribut le 
nom des champs du formulaire (éviter les accents pour les noms des champs.…..). 


Ensuite, sans se casser la tête, un utilisateur moyen pourra très bien faire une macro (ou un 
fichier VBScript) qui dans MS Excel 2003 (respectivement depuis MS Windows pour le 
VBScript) importe les données du formulaires, les transpose (oui malheureusement toutes les 
données sont au même niveau hiérarchique), exporte les données au format voulu et ensuite 
on procède de même manuellement (ou automatiquement) dans MS Access 2003 mais pour 
l'import. 


On peut par ailleurs importer ces données dans Adobe Acrobat mais la simplicité de cette 


action est telle qu'on la voit pendant le cours Adobe Acrobat. 
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17. XML et FLASH 


Nous allons voir maintenant comment transformer un flux RSS dans une textbox Flash. 


Voici le fichier XML utilisé (news.xml) d'un site bien connu... (attention à l'encodage du 
fichier qui doit être du type UNICODE!!!): 


<?xml version="1.0" encoding="iso-8859-1"?> 
<rss version="2.0"> 
<channel> 
<title-Sciences.ch - News</title> 
<link>http://www.sciences.ch</link> 
<description>Sciences News First</description> 
<language>fr</language> 
<copyright-Copyright Sciences.ch</copyright> 
<pubDate>Sun, 20 Apr 2003 08:01:04 PDT</pubDate> 
<lastBuildDate>Sun, 20 Apr 2003 08:01:04 PDT</lastBuildDate> 
<category-Mathématique, Physique théorique</category> 
<generator>Sciences.ch</generator> 
<docs>http:/www.sciences.ch/accueil.htm</docs> 
<image> 
<title-Sciences.ch</title> 
<url>http//www.sciences.ch/images/bansciencech.gif</url> 
<link>http:/www.sciences.ch</link> 
<width>88</width> 
<height>31</height> 
</image> 
<item> 
<title-Effet Compton relativiste</title> 
<link>http:/www.sciences.ch/htmlfr/physatomique/physatomphysnucl01.php#effetcompton</link> 
<description-Dans le domaine de la radioprotection en physique nucleaire, il est important de savoir 
comment le rayonnement penetre la matiere et comme celui-ci interagit avec cette derniere. Plusieurs types 
d'interactions differentes sont possibles tel que la creation de paires electron-positron, de diffusion coherente ou 
incoherente (effet compton), et d'autres phenomenes nucleaires beaucoup plus complexes. Nous proposons de 
demontrer au lecteur dans le cadre d'une diffusion incoherent relativiste comment le photon perd de son energie lors de 
la collision avec un electron du materiau concerne et quelques proprietes qu'il est possible de tirer de ce modele 
theorique.</description> 
<litem> 
<item> 
<title-Origine de la chaleur</title> 
<link-http://www.sciences.ch/htmlfr/mecanique/mecanthermodyn01.php#chaleur</link> 
<description-Qu'est-ce que la chaleur ? Voici une question que se posent nombre d'étudiants et parfois 
suffisamment longtemps pour qu'ils n'obtiennent jamais la réponse même lors de leur cursus scolaire universitaire. Ne 
pas comprendre ce qu'est la chaleur est nous le savons, une source énorme de confusion et de difficulté de 
compréhension des conceptions fondamentaux de la thermodynamique (premier principe). Sciences.ch propose donc la 
une explication microscopique de la chaleur basée sur la mécanique statistique démontrant que cette première n'est 
qu'au fait qu'un changement de la distribution énergétique des micro-états vers de plus hautes ou plus faible valeurs. Il 
convient peut-être de se demander s'il ne faudrait pas introduire la thermodynamique seulement et seulement après 
avoir étudié les bases de la mécanique statistique (étant donné les problèmes qu'ont les étudiants en 
thermodynamique) qui permettent d'accéder à la démonstration que nous proposons.</description> 
<pubDate-Je, 27 Mai 2004 11:50:01 GMT</pubDate> 
</item> 
</channel> 
</rss> 
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Voici à quoi ressemble le fichier news.fla ouvert dans Flash MX: 


Macromedia Flash MX - [flashxmil.fla] 
e File Edit View Insert Modify Text Control Window Help 


DSHSeR BB noa ms <<O0uR C 


Bi: - 
> Align 
» Movie Explorer 


} Color Mixer 

» Color Swatches 

} Component Parameters 
* Scene 


+ Actions - Frame 
> Reference 
+ Properties 


+ Components 
} Answers 


On y voit deux champs texte. Le premier va être rempli avec la balise <title>Sciences.ch - 
News</itle> le second avec les balises: 


<title>Effet Compton relativiste</title> 
<link>http'//www.sciences.ch/htmlfr/physatomique/physatomphysnuci01.php#effetcompton</link> 
<description-Dans le domaine de la radioprotection en....</description> 


Pour les remplir nous avons l'actions situé sur la première frame de notre animation: 


L'explorateur d'actions nous montre: 
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E Actions + PnovEG 

E) Movie Control cnetXML = new XML{); 
@ gotoandPlay cnetXML.load({"news.xml") 

@ gotoandstop cnetXML.ignorelhite = true; 


@ nexFrame cnetXML.onLoad=extractData; 
@ nextScene 


(£) on function extractData(success)i{ 
@ plu rootHandler=this.firstChild.childNodes; // First level 
@ preuFiame nodeHandler=rootHandler{0].childNodes; // Second level 
() preusoens source=nodeHandler[0].firstChild.nodeValue;: 
@® = for(i=0;i<=nodeHandler.length;i++){ 
@ scans if (nodeHandler[i].nodeName == "item"}{ 

Œ) Erovserieruonk childHandler=nodeHandler[i].childNodes; " 

> 


@ fscommand 


@ gun Line 20 of 20, Col 2 
Le code en entier étant: 


cnetXML = new XML(); 
cnetXML.load("news.xml") 
cnetXML.gnore White = true; 
cnetXML.onLoad=extractData; 


function extractData(success){ 
rootHandler=this.firstChild.childNodes; // First level - <channel> 
nodeHandler=rootHandler[0].childNodes,; // Second level 
source=nodeHandler[0].firstChild.node Value; 
for(1=0;i<=nodeHandler.length;1++){ 

if(nodeHandler{[i].nodeName == "item"){ 

childHandler=nodeHandler{i].childNodes; 

title = childHandler[0].firstChild.node Value; 

link = childHandler{1].firstChild.node Value; 

description = childHandler{2].firstChild.node Value; 

addfeed += "<a href=\""+link+"\" target=\"_new\"> <font size=\"+1\"><b>" + title + 
"</b></font> </a> <br>"+description+"<br><br>"; 


} 
} 
xmlfeed=addfeed; 
} 


XML 213/257 


V.ISOZ Version du 2015-09-22 


La textbox de titre à alors nécessairement comme nom: 
lil ENS EN B ME = =|E 
To #| 4 [normal -] | F1 Autor | Forr 


[Single Line | 48] +|E| War: {source Chari 
Ï Target: | 


La textbox du flux XML: 


0 -| M B|2|==2==) 


Character. | 
Target: l r ] 


Correspondant bien aux variables que nous trouvons dans l'ActionScript de notre Animation 
Flash. 


Sur les flèches en faisant un clic droit: 


| a Cut 


| Copy 


Paste 


DE 


on (arrow) Deselect All 


= + # Er & LA HS (el na 


on (press){xmlfeed.scroll = xmlfeed.scrol Rotate and Skew 
Distribute to Layers 
Edit 


Edit In Place 
Edit In New Window 


_ ‘ Panels 


Le fichier SWF sortant donne alors: 
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LA] Macromedia Flash Player 6 -{0O1/ x! 
Fichier Affichage Contrôle Aide 


Sciences.ch - News 


Effet Compton relativiste 

Dans le domaine de la radioprotection en physique nucleaire, il est 
important de savoir comment le rayonnement penetre la matiere et 
comme celui-ci interagit avec cette derniere. Plusieurs types 
d'interactions differentes sont possibles tel que la creation de paires 
electron-positron, de diffusion coherente ou incoherente (effet compton), 
et d'autres phenomenes nucleaires beaucoup plus complexes. Nous 
proposons de demontrer au lecteur dans le cadre d'une diffusion 


incoherent relativiste comment le photon perd de son energie lors de la 
collision avec un electron du materiau concerne et quelques proprietes 
qu'il est possible de tirer de ce modele theorique. 
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18. XSL-FO 


Les feuilles de style XSL-FO (XSL Formatting Objects) permettent de créer des documents à 
partir de fichiers XML. Cette norme est le plus souvent utilisée pour générer des fichiers PDF 
(Acrobat). Il est ainsi possible, dans une feuille de style XSL-FO, de définir la mise en page 
que devra avoir le document final (en-tête, pied de page, …), la pagination, … 


Cette norme est complémentaire à XSLT. Alors que XSLT est utilisé pour afficher du contenu 
XML (dans un navigateur Web par exemple), XSL-FO permettra de transformer ce contenu 
en un document pouvant être facilement téléchargé et imprimé par l'utilisateur final. Il est 
ainsi tout à fait possible de proposer sur un site Web le même contenu sous diverses formes 
sans Jamais avoir à toucher au document XML initial. 


XSL-FO dérive de plusieurs nomres parmi lesquelles DSSSL (Document Style Sematic and 
Specification Language) et CSS, et différentes nomres issues de CSS&FP (Cascading Style 
Sheet & Formatting Property). Dans la mesure où les éléments XSL/FO sont nombreux et 
complexes, nous nous contenterons d'en étudier quelques'uns pour expliquer le 
fonctionnement de ce langage. 


XSL-FO permet, entre autres, de définir les caractéristiques suivantes d'un document: 
"La position des informations 
“" La définition des bordures et des fonds de page 
" La gestion de la césure 
" Les caractéristiques des marges et des paragraphes 
"  L'alignement et la dimension des zones de contenu 
" Les polices de caractères, les couleurs 
Le traitement d'un document XSL FO se fait en quatre étapes: 
1. Parsage du document pour identifier les formatting objects 


2. Construction d'un arbre XML correspondant aux éléments, effectuée en plusieurs 
passes (les éléments FO étant très liés, le processeur ne peut correctement calculer 
certains d'entre eux sans prendre connaissance des autres) 


3. Construction d'un arbre de positionnement (area tree) qui définit le positionnement des 
éléments sur les différentes pages contenues dans le document correspondant au 
produit final de la transformation. 


S1 vous créez un nouveu document XSL-FO avec XML-Spy vous aurez à l'écran: 


<?xml version="1.0" encoding="UTF-8"?> 
<fo:root xmins:fo="http://www.ws.org/1999/XSL/Format"> 
<fo:layout-master-set> 
<fo:simple-page-master master-name="> 
<fo:region-body></fo:region-body> 
</o:simple-page-master> 
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</fo:layout-master-set> 
<fo:page-sequence master-reference="> 
<fo:flow flow-name="> 
<fo:block>-</fo:block> 
</o:flow> 
</fo:page-sequence> 


</fo:root> 
Expliquons le contenu de ce document: 


L'élément racine fo s'appelle root. Celui-c1 définit l'URI de l'espace de nom à l'aide de 
l'attribut xmins. 


Sous la racine figure l'élément layout-master-set qui va permettre de définir le type de page 
produite et leur ordonnancement. 


Nous décrivons ensuite le contenu de chaque type de page ou de disposition (layout). Il doit 
au moins contenir l'élément region-body qui permet de décrire le corps d'une page. 


Le deuxième élément situé sous la racinese nomme page-sequence et possède un attribut 
master-reference. C'est lui qui va indiquer l'ordre des pages utilisées par le document. Les 
éléments flow et block en définissent le contenu ainsi que diverses informations de formatage. 


18.1 Mise en page 


Au début d'une feuille de style XSL-FO), il faut définir les différents types de pages qui 
composeront le document final. Pour créer un nouveau type de page, 1l faut employer le 
modèle suivant: 


<?xml version="1.0" encoding="UTF-8"?> 
<fo:root xmins:fo="http:/www.ws.org/1999/XSL/Format"> 
<fo:layout-master-set> 
<fo:simple-page-master master-name="typeName" 
page-height="22cm" 
page-width="14cm" 
margin-top="2cm" 
margin-bottom="2cm" 
margin-left="3cm" 
margin-right="2cm" 
> 
</o:simple-page-master> 
</fo:layout-master-set> 
<fo:page-sequence master-reference="> 
<fo:flow flow-name="> 
<fo:block>-</fo:block> 
</o:flow> 
</fo:page-sequence> 


</o:root> 

Les attributs suivants sont utilisés: 
“  master-name: nom attribué à ce type de page 
“  page-height: hauteur de la page (en pixels, millimètres, ..) 
“"  page-widfh: largeur de la page 


“"  margin-..: marges du haut, du bas, de gauche et de droite 
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Dans le cas d'une brochure par exemple, on peut imaginer 3 types de pages: 


Le contenu de la feuille de style XSL-FO ressemblera à: 


1. Page de couverture 


2. Page de gauche - avec une marge à droite pour la reliure 


3. Page de droite - avec une marge à gauche pour la reliure 


Couverture 


Page de gauche 


Page de croite 


<?xml version="1.0" encoding="UTF-8"?> 

<fo:root xmins:fo="http://www.ws3.org/1999/XSL/Format"> 
<fo:layout-master-set> 

<fo:simple-page-master master-name="cover" 


</fo:root> 


> 


page-height="22cm" 
page-width="14cm" 
margin-top="2cm" 
margin-bottom="2cm" 
margin-left="3cm" 
margin-right="2cm" 


</o:simple-page-master> 
<fo:simple-page-master master-name="leftPage" 


> 


page-height="22cm" 
page-width="14cm" 
margin-left="2cm" 
margin-right="3cm" 
margin-top="2cm" 
margin-bottom="2cm" 


</o:simple-page-master> 


<fo:simple-page-master master-name="rightPage" 


> 


page-height="22cm" 
page-width="14cm" 
margin-left="3cm" 
margin-right="2cm" 
margin-top="2cm" 
margin-bottom="2cm" 


</o:simple-page-master> 
</fo:layout-master-set> 
<fo:page-sequence master-reference="> 


<fo:flow flow-name=""> 


<fo:block-</fo:block> 


</o:flow> 
</fo:page-sequence> 


Après avoir défini des modèles, il faut paramétrer les diverses zones de contenu qui figureront 
dans les pages. FOP reconnaît 5 zones de contenus différentes: 
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Region-before 


Region-end 


Region-bod 
L 


Region-after 


region-body region-before  |egion-after region-start region-end 
. : correspond à une correspond à une 
correspond au correspond à un |correspond à ne : 
ne ee cles dé de zone située à gauche |zone située à droite 
P du body du body 


Il faut savoir que XSL-FO a été prévu pour travailler avec tous types de caractères. Il est ainsi 
tout à fait possible d'écrire du contenu de gauche à droite (comme en français), de droite à 
gauche (comme l'arabe) ou encore de haut en bas (comme le Japonais dans certains cas). 


Les pages de gauche et de droite nécessitent un en-tête et un pied de page, ce qui n'est pas le 
cas de la page de garde. Cette dernière n'a besoin que d'un body. 


La feuille de style XSL-FO avec les paramétrages des régions est décrite ci-dessous. Les en- 
têtes et les pieds de page des pages gauche et droite font 1 cm de hauteur. Quand au body, il 

se situe à 1.1cm du haut et du bas de la page, ce qui laisse une marge de 0.1cm entre l'en-tête 
et le pied de page et le body (enregistrez ce code sous le nom Test.fo): 


<?xml version="1.0" encoding="UTF-8"?> 
<fo:root xmins:fo="http://www.ws.org/1999/XSL/Format"> 
<fo:layout-master-set> 
<fo:simple-page-master master-name="cover" 
page-height="22cm" 
page-width="14cm" 
margin-top="2cm" 
margin-bottom="2cm" 
margin-left="3cm" 
margin-right="2cm" 
> 


<fo:region-body margin-top="4cm" /> 


</o:simple-page-master> 
<fo:simple-page-master master-name="leftPage" 

page-height="22cm" 

page-width="14cm" 

margin-left="2cm" 

margin-right="3cm" 

margin-top="2cm" 

margin-bottom="2cm" 


<fo:region-before extent="1cm"/> 


<fo:region-after extent="1cm"/> 
<fo:region-body margin-top="1.1cm" margin-bottom="1 


XML 219/257 


V.ISOZ 


Version du 2015-09-22 


</fo:simple-page-master> 
<fo:simple-page-master master-name="rightPage 

page-height="22cm" 

page-width="14cm" 

margin-left="3cm" 

margin-right="2cm" 

margin-top="2cm" 

margin-bottom="2cm" 


<fo:region-before extent="1cm"/> 


<fo:region-after extent="1cm"/> 
<fo:region-body margin-top="1.1cm" margin-bottom="1.1cm" /> 


</fo:simple-page-master> 
</fo:layout-master-set> 
<fo:page-sequence master-reference="cover"> 
<fo:flow flow-name="> 
<fo:block>-</fo:block> 
</fo:flow> 
</fo:page-sequence> 
<fo:page-sequence master-reference="leftPage"> 
<fo:flow flow-name="> 
<fo:block>-</fo:block> 
</o:flow> 
</fo:page-sequence> 
<fo:page-sequence master-reference="rightPage"> 
<fo:flow flow-name="> 
<fo:block>-</fo:block> 
</o:flow> 
</fo:page-sequence> 


</o:root> 


Nous pouvons déjà compiler l'exemple ci-dessous. Pour ce faire, il vous faudra télécharger 


ApacheFOP à l'adresse suivante: 


http://link.altova.com/download/2005/ApacheFOP.exe 


et l'installer en bonne et due forme: 


Apache FOP 0.20.5 


vour computer, To continue, click Next, 


A LT O V A international treaties. 
L'saltovs.com 


Welcome to the InstallShield Wizard for 


The InstallShield(R} Wizard will install Apache FOP 0.20,5 on 


PLEASE NOTE: This Software requires the Java Runtime 
Environment! If you don't have Java installed on your 
computer, please download it from http:{fjava.sun.com/ 


WARNING: This program is protected by copyright law and 


qui sera installé dans le répertoire par défaut: 


al Cancel | 
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| Dossiers 
| EC Program Files al Cbuïd | 
+ C2 3dsmaxS | Lconf 
+ ACDSee32 || docs 
+-( Adobe || Cdexamples 
#-Q 4head | Lib 
© Altoya (] CHANGES 
4-2 FOP Efop.bat 
#-Q Spelling (] fop.sh 
#- C2 XMLSPY2004 AE 
+ AnfyTeam (E] LICENSE 
CD Atomic Clock Sync ÆÎREADME 
+- C2 AtomixMP3 | Æ]ReleaseNotes. html 
+ AvantGo Connect {STATUS 
2 Boutton Studio 1.01 | Exalan.bat 
+ (2 Business Objects |{ lE xalan.sh 


ensuite, copier le fichier Test.of dans le dossier FOP ci-dessous. Ensuite, ouvrez une fenêtre 
prompt: 


CG: >cd program files“altova\fop 


C:\Program Files \Altoua FOP>. 


et tapez: 


C:\Program Files \Altoua XFOP>fop.bat test.fo test.pdf 

CINFOI Using org.apache.xerces.parsers.SA*Parser as SAX2 Parser 

CINFO]I FOP 6.28.5 

CINFOI Using org.apache.xerces.parsers.SA*Parser as SAX2 Parser 

CINFOI building formatting object tree 

CINFO]I setting up fonts 

CUARNINGI À ’flowu-name’ is required for fo:flow. This constraint will be enforce 
d in future versions of FOP 

CINFOI [11 

ECUARNINGI À ’flow-name’ is required for fo:flow. This constraint will be enforce 
d in future versions of FOP 

CINFO]I [21 

CUARNINGI À ’flowu-name’ is required for fo:flow. This constraint will be enforce 
d in future versions of FOP 

CINFOI [31 

CINFOI Parsing of document complete, stopping renderer 


Vous avez ensuite votre fichier PDF... suffit de l'ouvrir ;-) 
18.1.1 Création fichier PDF ‘'Hello World! 


Maintenant dans XMLSpy créez un fichier *.fo que nous enregistrerons sous le nom 
Hello World.fo dans le dossier A/tova/FOP tel qu'il contienne: 


<?xml version="1.0" encoding="utf-8"?> 
<fo:root xmins:fo="http://www.ws.org/1999/XSL/Format"> 
<o:layout-master-set> 
<fo:simple-page-master master-name="A4" page-width="297mm" page-height="210mm" margin-top="1cm" 
margin-bottom="1cm" margin-left="1cm" margin-right="1cm"> 
<fo:region-body margin="3cm"/> 
<fo:region-before extent="2cm"/> 
<o:region-after extent="2cm"/> 
<fo:region-start extent="2cm"/> 
<o:region-end extent="2cm"/> 
</o:simple-page-master> 
</fo:layout-master-set> 
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<fo:page-sequence master-reference="A4" format="A"> 
<fo:flow flow-name="xsl-region-body"> 
<fo:block> 
<fo:inline font-weight="bold"-Hello world!</fo:inline> 
</fo:block> 
</to:flow> 
</fo:page-sequence> 


</fo:root> 


Ensuite, en ligne de commande, vous écrivez: 


c\ C:\WINDOWS'\.system32\cmd.exe 


C:\Program Files)>cd altoua 
C:\Program Files \Altova>cd fop 


C:\Program Files \Altovua\FOP>fop.bat HelloWorld.fo Hellollorld.pdf 
Using org.apache.xerces.parsers.SAXParser as SAX2 Parser 
FOP 6.26.5 
Using org.apache.xerces.parsers.SA*Parser as SAX2 Parser 
building formatting object tree 
setting up fonts 
[11 


Parsing of document complete, stopping renderer 


C:\Program Files \Altoua FOP> 


Le résultat étant un fichier PDF à la sortie dans le même dossier que là ou se situe votre 
fichier *.fo original: 
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1) File Edit View Document Comments Tools Advanced Window Help -15/x| 
re aG.d-e D Search || M create por - 22) comment 8 Markup|*_ 4 Send for Review » Pisecue- Æ Sign- Forms - 
i| m Me foi 1@\- EF RIE © [ex - ® (0%. sn | @ He - |: [= Note Tool 5, Text Ecits + <2) Stamp Too + "+ 2 1; show » 


= JA arrow Tool @ /0@ LP PenciToa 47° |: x A Lt $ @& m-Æ4-i1-|: 


Pages | Bookmarks 


» 
«| 
Hello world! | 
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18.1.2 Page de titre 


Encore un autre exemple à enregistrer sour le nom TitlePage.fo: 


<?xml version="1.0" encoding="utf-8"?> 
<fo:root xmins:fo="http:/www.ws3.org/1999/XSL/Format"> 
<fo:layout-master-set> 
<fo:simple-page-master master-name="cover" page-width="297mm" page-height="210mm" margin-top="1cm" 
margin-bottom="1cm" margin-left="1cm" margin-right="1cm"> 
<fo:region-body margin="3cm"/> 
<fo:region-before extent="2cm"/> 
<fo:region-after extent="2cm"/> 
<fo:region-start extent="2cm"/> 
<fo:region-end extent="2cm"/> 
</fo:simple-page-master> 
</fo:layout-master-set> 


<fo:page-sequence master-reference="cover"> 
<fo:flow flow-name="xsl-region-body"> 
<fo:block font-size="24pt" text-align="center" space-after="300pt"> 
Une livre sur XML 
</fo:block> 
<fo:block font-size="14pt" text-align="center"> 
Copyright &#169; 2004 Vincent ISOZ 
</fo:block> 
<fo:block text-align="center"> 
Publié par Sciences.ch 
</fo:block> 
</fo:flow> 
</fo:page-sequence> 


</o:root> 


qui donnera après transformation en ligne de commande: 
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#7) File Edit View Document Comments Tools Advanced Window Help 


Une livre sur XML 


Copyright © 2004 Vincent Isoz 
Publier par Sciences.ch 


9 E (AMAN :: DEMIONON P:L2T 


18.1.3 Contenu 


Encre un autre exemple un peu plus compliqué maintenant à enregistrer sous le nom 
ContentPage.fo: 


<?xml version="1.0" encoding="utf-8"?> 
<fo:root xmins:fo="http://www.ws3.org/1999/XSL/Format"> 
<fo:layout-master-set> 
<fo:simple-page-master master-name="contents" page-width="297mm" page-height="210mm" margin- 
top="1cm" margin-bottom="1cm" margin-left="1cm" margin-right="1cm"> 
<fo:region-body margin="3cm"/> 
<fo:region-before extent="2cm"/> 
<fo:region-after extent="2cm"/> 
<fo:region-start extent="2cm"/> 
<fo:region-end extent="2cm"/> 
</fo:simple-page-master> 
</fo:layout-master-set> 


<fo:page-sequence master-reference="contents" initial-page-number="2">> 
<fo:static-content flow-name="xsl-region-before"> 
<fo:block font-family="Helvetica" font-size="10pt" text-align="center"> 
Une livre sur XML 
</fo:block> 
</fo:static-content> 
<fo:static-content flow-name="xsl-region-after"> 
<fo:block font-family="Helvetica" font-size="10pt" text-align="center"> 
Page <fo:page-number /> 
</fo:block> 
</fo:static-content> 
<fo:flow flow-name="xsl-region-body"> 
<fo:block font-size="14pt" space-before="20pt" space-after="10pt"- 
Introduction 
</fo:block> 
<fo:block font-size="12pt"> 
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L'object de ce livre est d'apprendre l'utilité de XML et XSL-FOP et l'interaction avec les technologies Internet 
et la suite bureautique MS Office 2003. 
</fo:block> 
<fo:block font-size="14pt" space-before="20pt" space-after="10pt"- 
Théorie 
</o:block> 
<fo:block font-size="12pt"> 
Une peu de théorie … de théorie … théorie. (...) 
</fo:block> 
</fo'flow> 
</fo:page-sequence> 


</o:root> 


Ce qui donnera après compilation: 


Introduction 


L'object de ce livre est d'apprendre l'utilité de XML et XSL-FOP et l'interaction avec les technologies Intemet et la 
suite bureautique MS Office 2003. 


Théorie 
Une peu de théorie … de théorie … théorie. (...) 


a 


18.1.4 Pages multiples 


Rédigez le code XSL-FO suivant dans un fichier nommé bibliothque.fo: 


<?xml version="1.0" encoding="UTF-8"?> 
<fo:root xmins:fo="http://www.ws3.org/1999/XSL/Format"> 
<fo:layout-master-set> 


<fo:simple-page-master master-name="couverture" page-height="10cm" page-width="10cm" margin- 
left="0.5cm" margin-right="0.5cm" margin-top="0.5cm" margin-bottom="0.5cm"> 


<!--pour les en-têtes et pieds de page de la page de couverture--> 
<fo:region-before extent="2.5cm"/> 

<fo:region-after extent="2.5cm"/> 

<fo:region-body margin-top="2.8cm" margin-bottom="2.8cm"/> 


</fo:simple-page-master> 
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<fo:simple-page-master master-name="page interieure gauche" page-height="10cm" page-width="10cm" 
margin-left="1cm" margin-right="0.5cm" margin-top="0.5cm" margin-bottom="0.5cm"> 


<!--pour les en-têtes et pieds de page de la page interieure gauche--> 
<fo:region-before extent="2.5cm"/> 

<fo:region-after extent="2.5cm"/> 

<fo:region-body margin-top="2.8cm" margin-bottom="2.8cm"/> 


</fo:simple-page-master> 


<fo:simple-page-master master-name="page interieure droite" page-height="10cm" page-width="10cm" margin- 
left="0.5cm" margin-right="1cm" margin-top="0.5cm" margin-bottom="0.5cm"> 


<!--pour les en-têtes et pieds de page interieure droite--> 
<fo:region-before extent="2.5cm"/> 

<fo:region-after extent="2.5cm"/> 

<fo:region-body margin-top="2.8cm" margin-bottom="2.8cm"/> 


</o:simple-page-master> 


<!--pour alterner les pages paires ou impaires--> 
<fo:page-sequence-master master-name="contenu"> 
<fo:repeatable-page-master-alternatives> 
<fo:conditional-page-master-reference master-reference="page interieure gauche" odd-or- 
even="even"/> 
<fo:conditional-page-master-reference master-reference="page interieure droite" odd-or-even="odd"/> 
</fo:repeatable-page-master-alternatives> 
</o:page-sequence-master> 


</fo:layout-master-set> 


<fo‘page-sequence master-reference="couverture"> 
<fo:flow flow-name="xsl-region-body"> 
<fo:block font-family="Helvetica" font-size="22pt" text-align="start"-Ma bibliotheque</fo:block> 
<fo:block font-family="Helvetica" font-size="15pt" text-align="start" Copyright Sciences.ch</fo:block> 
<fo:block text-align="end"-Des supports de cours qui sont bien</fo:block> 
<fo:block font-size="10pt" text-align="end">et un bien chouette exemple l</fo:block> 
</o:flow> 
</fo:page-sequence> 


<fo‘page-sequence master-reference="contenu" initial-page-number="1"> 
<fo:static-content flow-name="xsl-region-before" > 
<fo:block font-family="Helvetica" font-size="12pt" text-align="center"-Mes supports</fo:block> 
</fo:static-content> 
<fo:static-content flow-name="xsl-region-after"> 
<fo:block font-family="Helvetica" font-size="12pt" text-align="center"-Copyright Sciences.ch</fo:block> 
</o:static-content> 
<fo:flow flow-name="xsl-region-body"> 
<fo:block font-size="12pt">lci on décrit un premier album</fo:block> 
<fo:block font-size="14pt"-Par exemple "Le combat ordinaire"</fo:block> 
</o:flow> 
</fo:page-sequence> 


<fo‘page-sequence master-reference="contenu" initial-page-number="2"> 
<fo:static-content flow-name="xsl-region-before" > 
<fo:block font-family="Helvetica" font-size="6pt" text-align="center"-Mes supports</fo:block> 
</o:static-content> 
<fo:static-content flow-name="xsl-region-after"> 
<fo:block font-family="Helvetica" font-size="6pt" text-align="center"-Page <fo:page-number/-</fo:block> 
</o:static-content> 
<fo:flow flow-name="xsl-region-body"> 
<fo:block font-size="12pt"-lci on décrit un deuxième album</fo:block> 
<fo:block font-size="14pt"-Par exemple "Le tueur"</fo:block> 
</fo:flow> 
</fo:page-sequence> 


</fo:root> 
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Vous obtiendrez après compilation: 


Ma bibliotheque 


Copyright Sciences.ch 
Des supports de cours qui sont bien 
et un bien chouette exemple ! 


Mes supports 


Ici on décrit un pramier album 
Par exemple "Le combat ordinaire" 


Copyright Intieam 


ki on décrit un deuxkème album 
Par exemple "Le tueur" 


Remarque: notez que la parseur ajoute une page blanche par défaut (comme chez Latex 
humm....). 


18.1.5 XML et XSL-FO 


Dans ce dernier exemple, nous allons combiner la puissance du XSL-FO avec un fichier 
XML. Ecrivez le code suivant dans un fichier nommé Texte.xml: 


<?xml version="1.0"?> 
<?xmli-stylesheet type="text/xsl" href="FO.xsl"?> 
<document> 
<section> 
<head>Mon premier fichier XSL-FO avec XML</head> 
<para-comporte un <em>important</em> paragraphe</para> 
</section> 
<section> 
<head>La seconde section commence sur une nouvelle page</head> 
<para>Un peu de contenu ici</para> 
<foreign-quelque chose d'autre</foreign> 
</section> 


</document> 
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Ensuite, créez un fichier XSL nommé FO.xsl avec le code suivant: 


<?xml version="1.0" encoding="utf-8"?> 
<Xsl:stylesheet xmins:xsl="http://www.ws3.org/1999/XSL/Transform" xmins:fo="http://www.w3.org/1999/XSL/Format" 
version="1.0"> 

<Xsl:output method="xml"/> 

<Xsl:'template match="/"> 


<fo:root xmins:fo="http://www.ws3.org/1999/XSL/Format"> 
<fo:layout-master-set> 
<fo:simple-page-master master-name="simple" 
page-height ="29.7cm" 
page-width ="21cm" 
margin-left ="2.5cm" 
margin-right ="2.5cm"> 
<fo:region-body margin-top="3cm"/> 
</o:simple-page-master> 
</fo:layout-master-set> 


<fo:page-sequence master-reference="simple"> 
<fo:flow flow-name="xsl-region-body"> 
<Xsl:apply-templates/> 
</fo'flow> 
</o:page-sequence> 
</fo:root> 


</xsl'template> 


<xsl'template match="document"> 
<fo:block> 
<xsl:apply-templates/> 
</fo:block> 
</xsl:'template> 


<xsl:template match="section"- 
<fo:block break-before="page"- 
<xsl:apply-templates/> 
</fo:block> 
</xsl:'template> 
<xsl:'template match="head"> 
<fo:block font-size="14pt" font-weight="bold" space-after="1cm" space-after.conditionality = 'retain'> 
<xsl:apply-templates/> 
</fo:block> 
</xsl'template> 


<xsl'template match="para"> 
<fo:block> 
<xsl:apply-templates/> 
</fo:block> 

</xsl'template> 


<Xsl'template match="em"> 

<fo:inline font-style="italic"> 
<xsl:apply-templates/> 

</fo:inline> 

</xsl'template> 


<Xsl:template match="*"> 
<fo:block background-color="red"> 
<xsl:apply-templates/> 
</fo:block> 
</xsl'template> 


</xsl'stylesheet> 


Ensuite, dans XMLSpy allez dans le fichier XML créé précédemment et cliquez sur: 
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ë @ | © |44 6 4 | © CE 


COTTTTTE 


[| 


Mon premier fichier XSL-FO avec XMLcomporte un important paragrapheLa seconde 
sectioen commence sur une nouvelle page Un peu de contenu iciquelque chose d'autre 


Le code source du fichier sortant est: 


<?xml version="1.0" encoding="UTF-8"?><fo:root xmins:fo="http:/www.w3.org/1999/XSL/Format"-<fo:layout-master- 
set><fo:simple-page-master master-name="simple" page-height="29.7cm" page-width="21cm" margin-left="2.5cm" 
margin-right="2.5cm"><fo:region-body margin-top="3cm"/></fo:simple-page-master-</fo:layout-master-set-<fo:page- 
sequence master-reference="simple"><fo:flow flow-name="xsl-region-body"><fo:block-<fo:block break- 
before="page">-<fo:block font-size="14pt" font-weight="bold" space-after="1cm" space-after.conditionality="retain"-Mon 
premier fichier XSL-FO avec XML</fo:block>-<fo:block>comporte un <fo:inline font-style="italic">important</fo:inline> 
paragraphe</fo:block-</fo:block-<fo:block break-before="page"><fo:block font-size="14pt" font-weight="bold" space- 
after="1cm" space-after.conditionality="retain"-La seconde sectioen commence sur une nouvelle 
page</fo:block-<fo:block>Un peu de contenu ici</fo:block-<fo:block background-color="red"-quelque chose 
d'autre</fo:block>-</fo:block-</fo:block>-</fo:flow></fo:page-sequence></fo:root> 


qui par copier/coller dans un fichier *.fo et par compilation par FOP donne le fichier PDF ci- 


dessous: 


Mon premier fichier XSL-FO avec XML 


comporte un Mportent paragraphe 


La seconde sectioen commence sur une nouvelle page 


QE COS 
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19. MATHML 


Le langage MathML_ est relativement lourd, indigeste et peu esthétique mais 1l à pour objectif 
de standardiser les écritures des équations mathématiques sur le web. C'est une forme de 
standardisation de ce que Latex ou MathType proposent à ce jour. 


Pour le faire fonctionner, les utilisateurs doivent à ce jour télécharger le plug-in à l'adresse ci1- 
dessous: 


http://www.dessci.com/en/products/mathplayer/ 


Voyons un exemple de MathML: 


<m:math style='background-color:#'> 

<m:mrow> 
<m:mfrac><m:mrow><m:msup><m:mi>x</m:m1><m:mn>2</m:mn></m:msup> 
</m:mrow><m:mrow><m:msup><m:m1>a</m:m1i> 
<m:mn>2</m:mn></m:msup></m:mrow> </m:mfrac> 

<m:mo>+</m:mo> 
<m:mfrac><m:mrow><m:msup><m:mi>y</m:m1><m:mn>2</m:mn> </m:msup></m:mrow> 
<m:mrow> 
<m:msup><m:m1>b</m:mi><m:mn>2</m:mn></m:msup></m:mrow></m:mfrac> 
<m:mo>=</m:mo><m:mn> 1</m:mn> 

</m:mrow> 

</m:math> 


Pour obtenir à l'écran: 


LS 
> 


x F 1 


et suite à un bouton droit dessus dans MS Windows XP ou ultérieur permet aux aveugles 
d'entre l'équation: 


XML 230/257 


V.ISOZ Version du 2015-09-22 


Gut 
Copy MathML 
Paste 
Speak Expression 
Unzoom 


Commands > 


MathPlayer on the Web + 
äbout MathPlayer 


Il existe de nombreux logiciels pour utiliser MathML sans avoir à apprendre la langage. 


Citons pour les systèmes MS Windows: MathType. 


Voici le contexte complet du code MathML relativement à l'exemple précédent: 


<html xmins:v="urn:schemas-microsoft-com:vml" 
xmins:o="urn:schemas-microsoft-com:office:office" 
xmins:w="urn:schemas-microsoft-com:office:word" 
xmins:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C 14882" 
xmins="http:/www.ws.org/TR/REC-html40" 
xmins:m="http:/www.ws3.org/1998/Math/MathML"> 

<head> 


<object id="MathPlayer" codebase="http//www.dessci.com/dl/mathplayer.cab" classid="clsid:32F66A20-7614-11D4- 


BD11-00104BD3F987"></object> 

<import namespace='m' implementation="#MathPlayer'> 

</head> 

<body> 

<p class=-MsoNormal> 

<m:math style='background-color:#'> 

<m:mrow> 

<mimfrac>-<m:mrow><m:msup><m:mi>x</m:imi><m:imn>2</mimn></m:msup> 
</Imimrow><m:mrow><m:msup><m:imi>a</mimi> <mimn>2</mimn></mimsup></m'mrow> </m:mfrac> 
<m:mo>+</m:mo> 
<mimfrac>-<m:mrow><m:msup><m:mi>y</mimi><mimn>2</mimn></m:msup></m'mrow> 
<mimrow> <m:msup><m:mi>b</m:mi><mimn>2</mimn></m'msup></m'mrow></m:mfrac> 
<mimo>=</mimo><m:mn>1</mimn> 

</m:mrow> 

</mimath> 

</p> 

</body> 


</html> 


Lors de la prévisualisation, ceci donnera: 
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Version 2.0b 


MathPlayer 


iii 


MathPlayer Home Page | | 
u A. 


MathPlayer""“ is a product of Design Science, Inc: 
Copyright ©2002-2004. All rights reserved. 


The Team: Paul Topping, Robert Miner, 
Peter Cooper, Doug Southam, William Kapes, 
David Hart, Eduardo Tabacman, 

Greg Langmead, Neil Soiffer 


1111: 


JE Design Science 


fr How Science Communicates" 
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20. SMIL 


Le nom SMIL (Synchronized Multimedia Integration Language) est aussi issu du langage 
XML et permet de coordonner et synchroniser des flux multimédias (image, son, vidéo...) au 
sein d'un site web. 


Comme un fichier HTML, un document SMIL contient deux parties distinctes: un en-tête et 
un corps, respectivement désignés par les éléments header et footer. Ces deux parteis devront 
définir les différentes composantes de l'animation. 


1. La définition des régions contenant éléments multimédias 


2. L'ordre et le timing d'apparition de ces objets. Il s'agit notamment de définir les 
déplacements et les transitions des éléments 


3. La définition des éléments à utilisater en fonction des débits de connexion 


Les exemples (essentiels) que nous allons faire sont tirés Cognitive Development Laboratory 
ainsi que les sources vidéos. Voici les fichiers nécessaires: 


1. Black.rm (video montrant le joueur avec les pieces noires) 

2. White.rm (video montrant le joueur avec les pieces blanches) 
3. Board.rm (video montrant le plateau d'échecs) 

4. Voicetrack.rm (fichier audio de la narration de jeu) 


Il faut bien évidemment avoir un lecteur de fichier *.rm. La version gratuite de RealPlayer 
(www.real.com) suffira pour nos exemples (WinAmp convient aussi mais pas MediaPlayer). 


20.1.1 Timing 


Nous allons dans cet exemple utiliser le fichier board.rm dont le temps réel est de 37 
secondes et écourter le visionnement à l'aide du code suivant (dans XMLSpy vous pouvez 
aussi créer des fichiers smil). 


<smil> 
<body> 
<video src="board.rm" clip-begin="16s" clip-end="27s"/> 
</body> 


</smil> 


que nous enregistrerons sous le nom finalmove.smil. En double cliquant sur ce fichier SMIL la 
vidéo sera jouée entre le temps 165-275. 
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20.1.2 MultipleCams 


Nous allons cette fois jouer trois vidéos d'un seul coup. Enregistrez le code suivant dans un 
fichier smil que vous nommerez threecams.smil: 


<smil> 
<head> 
<layout> 
<root-layout width="1080" height="240"/> 
<region id="video_left" width="360" height="240" left="0" top="0"/> 
<region id="video_center" width="360" height="240" left="360" top="0"/> 
<region id="video_right" width="360" height="240" left="720" top="0"/> 
</layout> 
</head> 
<body> 
<par dur="30s"> 
<video src="black.rm" clip-begin="1.09s" region="video_left"/> 
<video src="board.rm" clip-begin="Os" region="video_center"/> 
<video src="white.rm" clip-begin="1.10s" region="video_right"/> 
</par> 
</body> 
</smil> 


En double cliquant sur ce fichier SMIL, les trois vidéos seront jouées en même temps dans 
des cadres et de temps défini par le fichier SMIL. 


20.1.3 Ajout de sons 


Dans cet exemple, nous allons jouer un fichier son au-dessus de la video. Enregistrez le code 
suivant dans un fichier smil que vous nommerez voiceover.smil: 


<smil> 
<head> 
<layout> 
<root-layout width="1080" height="240"/> 
<region id="video_left" width="360" height="240" left="0" top="0"/> 
<region id="video_center" width="360" height="240" left="360" top="0"/> 
<region id="video_right" width="360" height="240" left="720" top="0"/> 
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</layout> 
</head> 
<body> 
<par dur="35s"> 
<video src="black.rm" begin="5s" clip-begin="1.09s" region="video_left"/> 
<Video src="board.rm" begin="5s" clip-begin="Os" region="video_center"/> 
<Video src="white.rm" begin="5s" clip-begin="1.10s" region="video_right"/> 
<audio src="voicetrack.rm"/> 
</par> 
</body> 


</smil> 


En double cliquant sur ce fichier SMIL, les trois vidéos seront jouées en même temps avec 
des commentaires supplémentaires. 


20.1.4 Ajout de texte 


Maintenant, créez un fichier text.rt avec le code suivant: 


<Window width="560" 
height="100" 
bgcolor="black"/> 


<font color="white" face="arial" size="+2"> 
<b> 
<center> 


<time begin="00:00:00.00"/><clear/> 
The Fool's Mate is often tried on newcomers to the game of chess. 


<time begin="00:00:05.00"/><clear/> 
White begins, and opens up his King to a fatal attack. 


<time begin="00:00:12.50"/><clear/> 
Black moves a pawn to give her Queen room to move out. 


<time begin="00:00:19.50"/><clear/> 
White moves the other pawn forward, leaving a clear line of attack on the King. 


<time begin="00:00:31.46"/><clear/> 
Black checkmates using her Queen. 


<time begin="00:00:34.90"/><clear/> 
It is rarely a good idea to move the pawns on f2, g2 and h2 so early in the game as the King normally castles on this 
side. If the pawns have been moved, they can no longer offer him adequate protection. 


En double cliquant sur ce fichier rt (RealTime) le texte défilera à l'écran selon les temps 
indiqués dans le fichier ci-dessus: 


The Fool's Mate is often tried on newcomers to the game 


of chess. 


[COX D —_—_—_—_—_—_—_—_—__—— (ro 


20.1.5 Mixage audio, vidéo et texte 


Dans cet exemple, nous allons combiner: les videos, le texte, et l'audio. Pour cela, enregistrez 
le code suivant sous le nom voiceovertext.smil: 
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<smil> 
<head> 
<layout> 
<root-layout width="1080" height="350"/> 
<region id="video_left" width="360" height="240" left="0" top="0"/> 
<region id="video_center" width="360" height="240" left="360" top="0"/> 
<region id="video_right" width="360" height="240" left="720" top="0"/> 
<region id="text_subtitle" width="560" height="100" left="260" top="250"/> 
</layout> 
</head> 
<body> 


<par dur="55s"> 
<video src="black.rm" begin="5s" clip-begin="1.09s" region="video_left"/> 
<Video src="board.rm" begin="5s" clip-begin="0s" region="video_center"/> 
<video src="white.rm" begin="5s" clip-begin="1.10s" region="video_right"/> 
<textstream src="text.t" region="text_subtitle"/> 
<audio src="voicetrack.rm"/> 

</par> 

</body> 


</smil> 


En double cliquant sur ce fichier SMIL, les trois vidéos seront jouées en même temps avec 
des commentaires supplémentaires et en plus un texte !: 


20.1.6 Alternement 


Nous allons maintenant alterner les différentes vidéos avec les commentaires audio. 
Enregistrez le code suivant un fichier nommé edited.smil: 


<smil> 
<head> 
<layout> 
<root-layout width="360" height="240"/> 
<region id="video_main" width="360" height="240" left="0" top="0"/> 
</layout> 
</head> 
<body> 
<par> 
<seq> 
<video src="black.rm" begin="2.1s" clip-begin="0s" dur="2.1s" region="video_main"/> 
<Video src="board.rm" clip-begin="Os" dur="4.2s" region="video_main"/> 
<Video src="black.rm" clip-begin="5s" dur="3.2s" region="video_main"/> 
<Video src="board.rm" clip-begin="8s" dur="4.5s" region="video_main"/> 
<video src="white.rm" clip-begin="18.5s" dur="2s" region="video_main"/> 
<Video src="board.rm" clip-begin="14s" dur="3.7s" region="video_main"/> 
<Video src="black.rm" clip-begin="18s" dur="6s" region="video_main"/> 
<Video src="board.rm" clip-begin="23s" dur="3.5s" region="video_main"/> 
<Video src="white.rm" clip-begin="27s" dur="4.5s" region="video_main"/> 
<Video src="board.rm" clip-begin="29s" dur="0.5s" region="video_ main" fill="freeze"/> 


XML 236/257 


V.ISOZ Version du 2015-09-22 


</seq> 
<seq> 
<audio src="voicetrack.rm"/> 
</seq> 
</par> 
</body> 
</smil> 


En double cliquant sur ce fichier SMIL, les trois vidéos seront jouées alternativement avec des 
commentaires audio. 


20.1.7 Ajout d'images 


Nous allons voir maintenant comment ajouter une image au début de notre animation. Ecrivez 
le code suivant dans un fichier fitle5cams.smil: 


<smil> 
<head> 
<layout> 
<root-layout width="1080" height="350"/> 
<region id="video_left" width="360" height="240" left="0" top="0"/> 
<region id="video_ center" width="360" height="240" left="360" top="0"/> 
<region id="video_ right" width="360" height="240" left="720" top="0"/> 
<region id="text _subtitle" width="560" height="100" left="260" top="250"/> 
</layout> 
</head> 
<body> 


<par dur="55s"> 
<Video src="black.rm" begin="5s" clip-begin="1.09s" region="video_left"/> 
<seqg> 
<img src="title.gif" dur="5s" region="video_ center"/> 
<video src="board.rm" clip-begin="Os" region="video_center"/> 
</seq> 
<Video src="white.rm" begin="5s" clip-begin="1.10s" region="video_right"/> 
<textstream src="text.rt" region="text subtitle"/> 
<audio src="voicetrack.rm"/> 
</par> 
</body> 


</smil> 


En double cliquant sur ce fichier SMIL, les trois vidéos seront jouées des commentaires 
audio, du texte et une image au centre. 


The Fool's Mate 


oftentried on newcomers to the game 
of chess. 


20.1.8 Effets de transition 


Nous allons voir comment faire des effets de transition dans cet exemple. Pour cela, écrivez le 
code SMIL suivant dans un fichiez que vous nommerez fransisitions.smil: 


<IDOCTYPE smil PUBLIC "-/W3C//DTD SMIL 2.0//EN" "http://www.ws3.org/2001/SMIL20/SMIL20.dtd"> 
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<smil xmins="http:/www.ws.org/2001/SMIL20/Language"> 
<head> 
<layout> 
<root-layout width="360" height="240"/> 
<region id="video_ region" width="360" height="240" left="0" top="0" fit="meet"/> 
</layout> 
<transition id="tin" type="fade" subtype="fadeFromColor" fadeColor="black" dur="2s"/> 
<transition id="tout" type="fade" subtype="fadeToColor" fadeColor="black" dur="2s"/> 
</head> 
<body> 
<seq> 
<Video transin="tin" src="board.rm" clipBegin="7s" dur="5s" region="video_ region" fill="remove" 
transOut="tout"/> 
</seq> 
</body> 
</smil> 


En double cliquant sur ce fichier SMIL, une vidéo sera jouée avec un effet d'entrée et un de 
sortie. 
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21. SVG 


SVG (Standard Vectro Graphic) est un langage XML dédié au graphisme vectoriel. La 
définition de l'image se fait à l'aide d'une série d'instructions (équations des courbes, codes de 
couleur, coordonnées des figures), et non par définition des pixels (points d'écrans) qui la 
représentent. C'est certainement un des enfants de XML les plus compliqués pour des non- 
ingénieurs car faisant souvent appel à des maths. 


Normalisé par le W3C sur la base de plusieurs essais, notamment le Vector Markup Language 
(VML) de Microsoft et le Portable Graphic Markup Language d'Adobe, le langage SVG 
fournit une solution légère pour la mise en place de graphismes complexes. 


Les objets graphiques peuvent être regroupés, stylisés, transformés et composés dans des 
objets précédemment rendus. L'ensemble de fonctions comprend des transformations 
imbriquées, des tracés de rognage, des masques basés sur le couche alpha et des objets de 
gabarit. 


Pour visualiser les images faites en SVG, au même type que MathML, vous devrez charger 
sur le site d'Adobe le plug-in suivant pour votre navigateur: 


http://www.adobe.com/svg/viewer/install/ 


ou, pour le meilleur, installer Adobe Illustrator sur votre machine (mais MS Visio, AutoCAD, 
vont aussi)! 


S1 vous créez un nouveau document SVG dans XMLSpy, vous aurez: 


<?xml version="1.0" encoding="UTF-8"?> 
<!IDOCTYPE svg PUBLIC "-/W3C//DTD SVG 1.1//EN" 
"http:/www.ws.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd"> 
<svg xmins="http://www.ws3.org/2000/svg" width="100%" height="100%"> 
<desc> 
<l-- put a description here --> 
</desc> 
<g> 
<l-- your graphic here --> 
</g> 


</svg> 


S1 vous souhaitez inclure une image SVG (test.svg) dans un fichier HTML voici comment il 
faudra procéder: 


<html> 
<body> 
<embed src="test.svg" width="500" height="500" type="image/svg+xml" /> 
</body> 
</html> 


Les exemples donnés ici sont pris du site de référence http:/www.w3schools.com 
21.1.1 Rectangles 


Voici le code d'un premier exemple (à enregistrer sous le nom Exemplel.svg): 


<?xml version="1.0" standalone="no"?> 
<IDOCTYPE svg PUBLIC "-/W3C//DTD SVG 1.1//EN" 


XML 239/257 


V.ISOZ Version du 2015-09-22 


"http:/www.w8.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<!--ici nous définissons la taille de zone de traçage--> 
<svg version="1.1" xmins="http}/www.ws3.org/2000/svg"> 
<!-- ici le rectange avec bordure que nous souhaitons dessiner--> 
<g> 
<rect width="300" height="100" style="fill:rgb(0,0,255);stroke-width:1 ;stroke:rgb(0,0,0)"/> 
</g> 
</svg> 


qui donnera dans Internet Explorer (remarquez la zone blanche en différence avec le fond gris 
par défaut de IE): 


à vous ensuite d'insérer (comme test) ce fichier SVG dans un fichier HTML selon la syntaxe 
décrite plus haut. 


Voici un autre exemple un peu plus évolué: 


<?xml version="1.0" standalone="no"?> 
<IDOCTYPE svg PUBLIC "-/W3C//DTD SVG 1.1//EN" 
"http:/www.ws.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 


<svg version="1.1" xmins="http}/www.ws3.org/2000/svg"> 
<g> 
<rect x="20" y="20" width="250" height="250" style="fill:blue;stroke:pink;stroke-width:5:fill-opacity:0.1;stroke- 
opacity:0.9"/> 
</g> 
</svg> 


qui donnera dans IE: 
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et cette fois avec des coins arrondis: 


<?xml version="1.0" standalone="no"?> 
<IDOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http//www.ws3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 


<svg version="1.1" xmins="http://www.ws3.org/2000/svg"> 
<g> 
<rect x="20" y="20" rx="20" ry="20" width="250" height="100" style="fill:red;stroke:black;stroke-width:5;opacity:0.5"/> 
</g> 
</Svg> 


qui donnera dans IE: 


ou encore mieux: 


<svg width="500" height="150"> 
<g> 
<linearGradient id="backgroundGradient" x1="0" y1="0" x2="0" y2="120" gradientUnits="userSpaceOnUse"- 
<stop offset="0%" style="stop-color:black"/> 
<stop offset="50%" style="stop-color:white"/> 
<stop offset="100%" style="stop-color:black"/> 
</linearGradient> 
<rect width="240" height="120" style="fill:url(#backgroundGradient);"/> 
<text x="80" y="140" style="fill:black;font-family:Verdana:font-size:9;text-anchor:middle;" 
transform="translate(120,0)"> 
<tspan-Exemple de graphisme SVG.</tspan> 
</text> 
</g> 
</Svg> 


Ce qui donnera dans IE: 
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Exemple de graphisme SVG. 


Remarque: les coordonnées x,y d'un texte sont données par rapport au centre de l'image svg 
widht et height. 


21.1.2 Cercle 


Nous avons vu donc comment créer quelques rectangles simples et un peu plus stylés. Nous 
allons voir maintenant comment faire des cercles (au besoin, vous pouvez vous amuser a faire 
des cercles + des rectangles dans le même SVB bien sûr !). 


Voici d'abord ce qu'il est possible de faire de plus simple: 


<?xml version="1.0" standalone="no"?> 
<svg width="300" height="300" version="1.1" xmins="http:/www.w3.org/2000/svg"> 
<g> 
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/> 
</g> 
</Svg> 


ce qui donne: 


Remarque: à vous de définir plusieurs cercles dans la même image si vous le désirez (selon 
vos paramètres 1ls se superposeront) 


21.1.3 Arcs de cerlces 
Il s'agit d'un exemple légerement plus compliqué. la création d'un camembert. 


Le code SVG est le suivant: 


<?xml version="1.0" standalone="no"?> 
<svg Width="12cm" height="5.25cm" viewBox="0 0 1200 400" 
xmins="http:/www.ws3.org/2000/svg"> 
<desc>Image d'un diagramme en "camembert" en deux parts</desc> 
<g> 
<path d="M300,200 h-150 a150,150 0 1,0 150,-150 z" fill="red" stroke="blue" stroke-width="5" /> 
<path d="M275,175 v-150 a150,150 0 0,0 -150,150 z" fill="yellow" stroke="blue" stroke-width="5" /> 
</g> 
</Svg> 


et donne le résultat suivant: 
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Pour voir quels sont les rôles des différentes valeurs du fromage, il suffit de jouer avec! 
21.1.4 Ellipse 


Dans la suite logique, passons aux ellipses. Voici encore un exemple simple: 


<?xml version="1.0" standalone="no"?> 
<svg Width="500" height="500" version="1.1" xmins="http:/www.ws.org/2000/svg"> 
<g> 
<ellipse cx="300" cy="150" rx="200" ry="80" style="fill:rgb(200,100,50); stroke:rgb(0,0,100);stroke-width:2"/> 
</g> 
</Svg> 


Ce qui donne: 


Remarque: à vous de définir plusieurs ellipses dans la même image si vous le désirez (selon 
vos paramètres elles se superposeront). 


21.1.5 Ligne 


La ligne est certainement l'un des éléments les plus importants en SVG pour la D.A.O ou le 
dessins de contours d'objets par segements (cartes, etc.). Le code de création est simple: 


<?xml version="1.0" standalone="no"?> 
<svg Width="300" height="300" version="1.1" xmins="http:/www.ws.org/2000/svg"> 
<g> 

<line x1="0" y1="0" x2="300" y2="300" style="stroke:rgb(99,99,99);stroke-width:2"/> 
</g> 
</Svg> 


Ce qui donne: 
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21.1.6 Polygones 


Un polygone est par définition une suite d'au moins trois points définissant des segments 
croisés ou non donnant une surface fermée. Par exemple: 


<?xml version="1.0" standalone="no"?> 
<svg width="100%" height="100%" version="1.1" xmins="http://www.ws.org/2000/svg"> 
<g> 
<polygon points="220,100 300,210 170,250" style="fill#cccccc; stroke:#000000;stroke-width:1"/> 
</g> 
</Svg> 


Ce qui donne: 


21.1.7 Polylignes 


Les polylignes ont une importance tout aussi grande que les polygones. Leur utilisation est 
très simple. Voyons un exemple: 


<?xml version="1.0" standalone="no"?> 
<svg width="100%" height="100%" version="1.1" xmins="http:/www.ws3.org/2000/svg"> 
<g> 
<polyline points="0,0 0,20 20,20 20,40 40,40 40,60" style="fill:white;stroke:red;stroke-width:2"/> 
</g> 
</svg> 


Ce qui donne: 
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21.1.8 XSL/XML et SVG 


Nous allons dans l'exemple suivant montrer comment intégrer du SVG avec XML et XSL. Le 
lecteur pourra en tant qu'exercice complexifier l'exemple pour créer plusieurs cercles 
automatiquement en fonction du contenu de son fichier XML. 


Considérons le fichier XML suivant: 


<?xml version="1.0"?> 
<?xmli-stylesheet type="text/xsl" href="MiseEnForme.xsl"?> 
<root> 
<rayon>30</rayon> 
</root> 


Nous allons utiliser le nœud rayon pour dessiner un cercle à l'aide de SVG et XSL. 


Voici le fichier XSL dont la première partie un peu technique n'est en fait que l'inclusion du 
plug-in Adobe SVG dans le fichier XHTML rendu! 


<?xml version="1.0" ?> 
<Xsl:stylesheet version="1.0" xmins:xsl="http://www.ws3.org/1999/XSL/Transform"> 
<xsl'template match="/"> 
<html xmins:svg="http}//www.ws3.org/2000/svg"> 
<l-- on déclare le plug-in SVG--> 
<object id="AdobeSVG" 
CLASSID="cIsid:78156a80-c6al-4bbf-8e6a-3cd390eeb4e2"> 
</object> 
<Xsl:processing-instruction name = "import" > 
namespace="svg" implementation="#AdobeSVG" 
</xsl:processing-instruction> 
<!-- déclaration terminée--> 
<head><title>-SVG Example</title-</head> 
<body> 
<p> 
Un exemple de mixage SVG avec XSL 
</p> 
<xsl'for-each select="root"> 
<svg:svg width="100px" height="100px" viewBox="0 0 100 100"> 
<svg':circle cx="30" cy="30" r="{rayon}" fill="blue" stroke="none"/> 
</svg'svg> 
</xsl:for-each> 
<p> 
Admirez la puissance de SVG !!! 
</p> 
</body> 
</Nhtml> 
</xsl:template> 
</xsl'stylesheet> 


Le résultat obtenu sera alors: 
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Un exemple de mixage SVG avec XSL 


Admuirez la puissance de SVG III 
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22. XPath 


XPath (pour XML Language 1.0) est un lange abstrait (on ne peut l'utiliser qu'en employant la 
syntaxe d'un autre langage, comme XSLT, JavaScript ou C#...) défini par le W3C pour 
l'adressage et et la sélection d'objets XML au sein d'un document. Nous entendons par 
"adressage" la capacité d'établir un lien logique au sein d'un document entre un élément et au 
autre à l'aide d'une expression appelée "adresse". Sur la base du modèle arborescent d'un 
document, les expressions XPath sont évaluées par le parseur XML et permettent d'identifier 
certains nœuds XML. Ces nœuds dit "sélectionnés" sont regroupés dans un ensemble de 
nœuds appelé "node-set" 


Pour voir quelques commandes XPath, nous allons utiliser le code XML suivant à enregistrer 
sous nom bibliotheque.xml: 


<?xml version="1.0" encoding="iso-8859-1"?> 


<bibliotheque genre="bandes dessinées"- 
<proprietaire> 
<prenom>Vincent</prenom> 
<nom>isoz</nom> 
</proprietaire> 
<collection> 
<album ISBN="2-84055-236-1"> 
<titre-L'archipel du danger</titre> 
<serie-De cape et de crocs</serie> 
<numero>3</numero> 
<auteur role="scenariste"> 
<prenom>Alain</prenom> 
<nom>Ayroles</nom> 
</auteur> 
<auteur role="dessinateur"> 
<prenom>Jean-Luc</prenom> 
<nom>Masbou</nom> 
</auteur> 
<editeur-Delcourt</editeur> 
<prix>11</prix> 
<cote-11</cote> 
</album> 
<album ISBN="2-84625-021-9"> 
<titre-Love me tender</titre> 
<serie>Strangers in paradise</serie> 
<numero>4</numero> 
<auteur role="tous"> 
<prenom>Terry</prenom> 
<nom>Moore</nom> 
</auteur> 
<editeur-Bulle Dog</editeur> 
<prix>8</prix> 
<cote-9</cote> 
</album> 
<album ISBN="2-7234-4577-1"> 
<titre-L'invincible</titre> 
<serie-Captain Biceps</serie> 
<numero>1</numero> 
<auteur role="scenariste"> 
<pseudo>Zep</pseudo> 
</auteur> 
<editeur-Glénat</editeur> 
<prix>12</prix> 
<cote>14</cote> 
</album> 
</collection> 


</bibliotheque> 
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Nous allons voir à quoi ressemble ce langage XPath en dehors de tout langage de 


programmation. Pour cela, nous allons à nouveau utiliser XMLSpy. 


La représentation du fichier XML ci-dessous sous la forme arborescente (apelée "infoset") est 
la suivante (vous devez activer la vue Grid dans XMLSpy): 


A! bibliotheque 


= genre 
A! proprietaire 


« collection 


Ensuite, cliquez sur le bouton 


Evaluate XPath 


bandes dessinées 


{} prenom Vincent 
{} nom iSOz 
album (5) 
= ISBN 


1 2-54055-236-1 
2 2-64625-021-9 
3 2-7234-4577-1 


#FATH 
=? La fenêtre suivante apparaît: 


{} titre 


L'archipel du danger 


Love me tender 
L'invincible 


*Path: a 
— XPath syntax *Path origin Realtime evaluation 
@ Allow Complete XPath °° From Document Boot ° Evaluate when typing 
© XML Schema Selector © From Selected Element © Evaluate on button click 
© XML Schema Field 


*Path Version 
© 10 
© 2.0 (beta) 


L'idée est de saisir quelque chose dans le champ XPath et de cliquer sur le bouton Evaluate. 
Voici quelques requêtes que vous pouvez saisir: 


{} ser 
De capn 
Strange 
Captain 


O1. |/ 

02. | bibliotheque 

03. | bibliotheque/collection 

04. | bibliotheque/collection/* 

05. | bibliotheque/collection/album 
06. | //album 

07. | //prenom 

08. | //auteur/@role 

09. | /@* 

10. | //auteur/nom 

11. | //nom 

12. | /nom/.. 

13. | bibliotheque/collection/album!1] 
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14. | //album{1] 

15. | //albumf{last()] 

16. | //albume/auteur[nom!='Masbou'|/nom 

17. | //album[3]/auteur!1]/pseudo 

18. | //album[ @ISBN="2-84055-236-1"] 

19. | //auteur[noml] 

20. | //album{prix * "0.196" < "2"] 

21. | //album{prix < cote] 

22. | //auteur[ @role=—"dessinateur" or @role="tous"] 
23. | contains(//album!1 J/auteur!1]/@role,"scenariste") 


Ce langage est vaste mais nous donnons 1c1 les principaux elements. 


XPath est aussi beaucoup utilisé dans InfoPath, pour exemple, créons un nouveau formulaire 
vide et ajoutons-y une liste déroulante: 


Æ (Design) Template2 - Micros 


File Edit View Insert Fo 


à] L5 Mi Preview Form 
A4 Verdana + 10 


À Draw Table [4 No border 


| g 


Faites double clic sur la list déroulante choisissez l'option Look up values in a data. 


XML 249/257 


V.ISOZ Version du 2015-09-22 


Drop-Down List Box Properties x! 


Data | Display | Size | Advanced | 


Binding 
Field name: [Fietdi 
Data type: [rex {string} “| 


Validation and Rules 
F Cannot be blank 


Data Validation | Use data validation to display errors when users enter 
= 1 invalid data, 


Rules... | Use rules to apply actions when users change the 
_ value in this control, 


List box entries 


© Enter list box entries manually 
[a LE up values in the form's data source 


Fnnesssosonssnsonscesenennnensenenesnndenne0000000000000000000000000000000000000000000000000000000000 000000000000 00 nn ne ne nn meme nn nes ne nes none nenenne ne n 0 À 


DätalGonnecHon, N | Add... ü 


Choose the repeating group or field where the entries are stored, 


ca | | 


cliquez sur Add et ensuite: 
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Data Connection Wizard F3 


This wizard helps you specify a data connection to an XML document, database, Web service, 
or SharePoint library or list, Your Form uses data connections to submit or receive data. 


48 


How will our Form use this data connection? 
© Submit data 


Det rein | 


Cliquez sur Next: 


Data Connection Wizard 


You can receive data from an XML document, database, Web service, or SharePoint library or 
list, 


48 


From where do you want to receive your data? 


© Database (Microsoft SQL Server or Microsoft Office Access only} 
© web service 
© SharePoint library or list 


< Back [[nex> | Cancel | 


Encore sur Next et allez chercher notre fichier de bibliotheque.xml: 
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Data Connection Wizard x! 


XML data file details 


Enter the location of the XML data file that ou want to use as your data connection: 
\Mes documents\Professionel\Infolearn\Cours\X*ML\x*Pathibibliotheque. xml 


Resource Files... | 


Cliquez sur Next et Finish. Infopath vous demande si vous souhaitez intégrer” le fichier XML 
au formulaire. Dites Yes: 


Data Connection Wizard X| s 
Enter a name For this data connection: l 
Fbiotheque | 
Ng7 NW Automatically retrieve data when form is opened Fd 
Y_ Note: You can also add a Query button to our Form, which will retrieve the data, 
Summary F 
Type: Retrieve data 
F file: C:\Documents and Settings\isoz\Mes documents\Professionel\InfolearniCours F 
icrosoft Office InfoPath xl 


! The selected file is not part of the Form, which means it might not be accessible from other computers. Do you want 
e to add this file to your Form so that it will be accessible from other computers? 


Show Help >> | 


No | 


< Back | Finish | Cancel | 


Ensuite, dans le volet MS Office allez dans Data Source et sélectionnez la source de données 
créée précédemment: 


* On peut alors y accéder par le menu Tools/Resource Files 
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2 Data Source v X 


[ Layout 
3 Controls 
ta Data Source 


PA Views 


Data source: 


bibliotheque (Secondary) L 


E $ bibliotheque 
É$ genre 


# (2 propridbibliotheque {Group} 
& (28 collection 


au niveau des Entries et choisissez: 


Select à Field or Group _x| 


à (26 bibliotheque 
A genre 
& (28 proprietaire 
E (5 collection 


(a album 


Ensuite, cliquez sur 


et dans Filter Data créez le fitlre: 


Specify Filter Conditions 
Display data that meets the following conditions: 


EC | [is greater than or equal tx] [10 “| änd » | Delete | 


Tip: To learn how to build à Filter with an option to show all values or display blanks, click the Help button, 
cos | _w | 


S1 vous validez par OK, vous aurez comme requête XPath: 


/bibliotheque/collection/album{prix >= 10] 


Ensuite libre à vous d'y mettre: 
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bibliotheque 2 | 


Ce qui nous renverra bien deux albums: 


L'archipel du danger 
L'invincible 
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22.1 Exercices: Football 


Considérons le fichier xml suivant (votre formateur vous mettra la version complète à 
disposition): 


<?xml version=" 0" standalone="n0"?> 
<CHAMPIONNAT DIYISION="1" S4ISON="2003-2004"> 

<JOURNEE NUMERO="1" DATE="01/08/2003"> 
<RENCONTRE DOMICILE="Auxerre" EXTERIEUR="Nice" SCORED="1" SCOREE="2"/> 
RENCONTRE DOMICILE="Guingamp" EXTERIEUR="Marseille" SCORED="0" SCOREE=" "> 
<RENCONTRE DOMICILE="Lens" EXTERIEUR="LeMans" SCORED="0" SCOREE="0"/# 
<RENCONTRE DOMICILE="Lille" EXTERIEUR="Lyon" SCORED="1" SCOREE="0"/# 
<RENCONTRE DOMICILE="Metz" EXTERIEUR="A4jaccio" SCORED="0" SCOREE=""/# 
<RENCONTRE DOMICILE="Monaco" EXTERIEUR="Bordeaux" SCORED="2" SCOREE="0"/- 
<RENCONTRE DOMICILE="Montpellier" EXTERIEUR="Rennes" SCORED="1" SCOREE=" "2 
<RENCONTRE DOMICILE="ParisSG" EXTERIEUR="Bastia" SCORED="0" SCOREE="0"# 
<RENCONTRE DOMICILE="Sochaux" EXTERIEUR="Nantes" SCORED="2" SCOREE=""/# 
<RENCONTRE DOMICILE="Toulouse" EXTERIEUR="Strashourg" SCORED="" SCOREE=" "> 

</JOURNEE>= 

<JOURNEE NUMERO="2" DATE="08/08/2003"- 
<RENCONTRE DOMICILE="Bastia" EXTERIEUR="Metz" SCORED="0" SCOREE="2"/# 
<RENCONTRE DOMICILE="Bordeaux" EXTERIEUR="Montpellier" SCORED="0" SCOREE="4"/> 
«RENCONTRE DOMICILE="LeMans" EXTERIEUR="Ajaccio" SCORED="0" SCOREE=" "> 
<RENCONTRE DOMICILE="Lille" EXTERIEUR="ParisSG" SCORED="1" SCOREE="0"/- 
<RENCONTRE DOMICILE="Lyon" EXTERIEUR="Monaco" SCORED="3" SCOREE=" "> 
<RENCONTRE DOMICILE="Marseille" EXTERIEUR="4Auxerre" SCORED="1" SCOREE="0"/#= 
<RENCONTRE DOMICILE="Nantes" EXTERIEUR="Lens" SCORED="2" SCOREE="0"/> 
<RENCONTRE DOMICILE="Nice" EXTERIEUR="Sochaux" SCORED="" SCOREE="0"/> 
RENCONTRE DOMICILE="Rennes" EXTERIEUR="Toulouse" SCORED="1" SCOREE="0"/> 
RENCONTRE DOMICILE="Strashourg" EXTERIEUR="Guingamp" SCORED="2" SCOREE="0"# 

<HJOURNEE>= 

JOURNEE NUMERO="3" DATE=" 6/08/2003"> 
<RENCONTRE DOMICILE="A4jaccio" EXTERIEUR="Nantes" SCORED="1" SCOREE="3"/- 
<RENCONTRE DOMICILE="Auxerre" EXTERIEUR="Strashourg" SCORED="3" SCOREE="2"/- 
<RENCONTRE DOMICILE="Guingamp" EXTERIEUR="Bordeaux" SCORED="1" SCOREE="3"/ 
<RENCONTRE DOMICILE="LeMans" EXTERIEUR="Nice" SCORED="1" SCOREE=" "> 
«RENCONTRE DOMICILE="Lens" EXTERIEUR="Marseille" SCORED="2" SCOREE=" "> 
RENCONTRE DOMICILE="Metz" EXTERIEUR="ParisSG" SCORED="0" SCOREE=" "> 
RENCONTRE DOMICILE="Monaco" EXTERIEUR="Bastia" SCORED="2" SCOREE="0"#> 
<RENCONTRE DOMICILE="Montpellier" EXTERIEUR="Lyon" SCORED="0" SCOREE="2"/# 
<RENCONTRE DOMICILE="Sochaux" EXTERIEUR="Rennes" SCORED="1" SCOREE=" "> 
«RENCONTRE DOMICILE="Toulouse" EXTERIEUR="Lille" SCORED="0" SCOREE="3"/# 

</JOURNEE>= 

<JOURNEE NUMERO="4" DATE="23/08/2003"- 
<RENCONTRE DOMICILE="Bastia" EXTERIEUR="Montpellier" SCORED="1" SCOREE="0"/= 
<RENCONTRE DOMICILE="Bordeaux" EXTERIEUR="Auxerre" SCORED="2" SCOREE="0"/> 
RENCONTRE DOMICILE="Lille" EXTERIEUR="Metz" SCORED="1" SCOREE=" "> 
<RENCONTRE DOMICILE="Lyon" EXTERIEUR="Toulouse" SCORED="0" SCOREE="0"/#= 
<RENCONTRE DOMICILE="Marseille" EXTERIEUR="Sochaux" SCORED="2" SCOREE="0"/ 
<RFNCONTRE DOMICIL F="Nantes" FXTFRIF IR=" eMang" SCORFND="M" SCORFF="N "US 


Nous vous demons à l'aide de XMLSpy et l'outil de modélisation de requêtes XPath de sortir 
les informations suivantes: 


1. Les journées précédant la 8ème 
2. Les rencontres de la 4ème journée 
3. La première rencontre de chacune des journées 


4. L'adversaire de Bastia lors de la journée 10 
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5. Tous les adversaires de Bastia 

6. La liste des matches non joués 

7. Les matches nuls de Bastia à domicile 

8. Le nombre et le pourcentage de matches nuls sur l'ensemble du championnat 
Voici les solutions (pour chaque question plusieurs méthodes sont possibles): 


1. Les journées précédant la 8ème 


{descendant : : JOURNEE [attribute::NUMERO < 8] 
# {JOURNEE [GNUMERO < 8] 


{descendant : : JOURNEE [attribute: :NUMERO=8] /preceding-sibling::JOURNEE 
# # JOURNEE [ GNUMERO=S] /preceding-sibling::JOURNEE 


2. Les rencontres de la 4ème journée 


{descendant : : JOURNEE [attribute: :NUMERO=4] /child::RENCONTRE 
4 # JOURNEE [BNUMERO=4] / RENCONTRE 


3. La première rencontre de chacune des journées 


{descendant : : JOURNEE/child::RENCONTRE[position(j)=1] 
# # JOURNEE/ RENCONTRE! 1] 


4. L'adversaire de Bastia lors de la journée 10 


{descendant : : JOURNEE [attribute: :NUMERO=10] /child::RENCONTRE[attribute::DOMICILE='Bastia']/attribute::EXTERIEUR 
{descendant : : JOURNEE [attribute::NUMERO=10]/child::RENCONTRE[attribute::EXTERIEUR=' Bastia!']/attribute::DOMICILE 
# {JOURNEE [BNUMERO=10] / RENCONTRE [GDOMICILE=' Bastia!']/@EXTERIEUR 
# {JOURNEE [BNUMERO=10] / RENCONTRE [GEXTERIEUR=' Bastia!']/(@DOMICILE 


5. Tous les adversaires de Bastia 


{descendant : : RENCONTRE [attribute::DOMICILE='Bastia']/attribute::EXTERIEUR 
{descendant : : RENCONTRE [attribute::EXTERIEUR='Bastia!']/attribute::DOMICILE 
# # RENCONTRE [GDOMICILE=' Bastia!']/@EXTERIEUR 
# # RENCONTRE [@EXTERIEUR=' Bastia!']/@DOMICILE 


6. La liste des matches non joués 


{descendant : : RENCONTRE [attribute::SCORED='-!] 
#{# RENCONTRE [GSCORED='-!] 


7. Les matches nuls de Bastia à domicile 


{descendant : : RENCONTRE [attribute::DOMICILE='Bastia' and attribute::SCORED!='-' and attribute::SCORED=attribute::SCOREE] 
##{RENCONTRE[GDOMICILE='Bastia' and GSCORED!='-' and GSCORED=BSCOREE] 
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8. Le nombre et le pourcentage de matches nuls sur l'ensemble du championnat 


count (/descendant : : RENCONTRE [attribute::SCORED'!='-! and attribute::SCORED=attribute::SCOREE]) 

count (//RENCONTRE[@SCORED'='-! and @SCORED=BSCOREE] } 

100. *count (/descendant : : RENCONTRE [attribute::SCORED'!='-! and attribute::SCORED=attribute::SCOREE]) div count (/descendant: : RENCONTRE[attribute::SCORED'!='-!];) 
100*count (//RENCONTRE[@SCORED'='-! and GSCORED=GSCOREE]) div count (//RENCONTRE[GSCORED'='-']) 
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